如何解决使用VueJS开发项目中的兼容问题
这篇文章将为大家详细讲解有关如何解决使用VueJS开发项目中的兼容问题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
成都创新互联公司专业为企业提供山东网站建设、山东做网站、山东网站设计、山东网站制作等企业网站建设、网页设计与制作、山东企业网站模板建站服务,10多年山东做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
1. KingEditor,IE下提示‘对象不支持moveToElementText属性或方法'
解决办法:
我用的kingEditor是V4.1.10版本
修改kingEditor.js的5844行:
if (_IE) { var rng = cmd.range.get(true); rng.moveToElementText(div[0]); rng.select(); rng.execCommand('paste'); e.preventDefault(); }
修改为:
if (_IE) { var rng = cmd.range.get(true); try { rng.moveToElementText(div[0]); rng.select(); rng.execCommand('paste'); e.preventDefault(); } catch (e) { } }
在压缩kingEditor.js后替换kingEditor-min.js即可
2.vue组件的长字符串拼接
在ie不兼容长字符串拼接,需要使用字符串拼接
3.axios.js的post请求。
在chrome下
var newParams = new URLSearchParams(); newParams.append('type',vm.typeNum); newParams.append('num','20'); newParams.append('curpage',vm.cur); axios.post(url,newParams).then(function(res){ }).catch(function(){});
在ie下需要
axios({ method: 'post', url: '/f/api/list/news', data: { type: vm.typeNum, num: 4, curpage: vm.cur }, transformRequest: [function (data) { var ret = '' for (var it in data) { ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&' } return ret }], headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }).then(function (response) { vm.articel_list = response.data.informations; vm.all = Math.ceil(response.data.totalnum/4); },function (responese) { // console.log(responese); })
4.在IE下,提示“Promise”未定义
需要引入polyfill.js文件 下载地址: https://github.com/babel/babel/tree/master/packages/babel-polyfill
关于“如何解决使用VueJS开发项目中的兼容问题”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
本文标题:如何解决使用VueJS开发项目中的兼容问题
当前网址:http://azwzsj.com/article/pphejh.html