详解使用VueJS开发项目中的兼容问题
我们开发的项目,兼容到IE9+,以下所提到的问题都是在这个项目中所遇见的问题,如有错误,或者理解不正确的地方,望多多指点。
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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
vue3+vue-cli4中使用svg的方式详解(亲测可用)
最近在做个vue的项目,从各种github上的开源库上借鉴开发方法,给大家分享下,这篇文章主要给大家介绍了关于vue3+vue-cli4中使用svg的相关资料,需要的朋友可以参考下2022-08-08
vue中swiper开启loop后,点击事件不响应的解决方案
这篇文章主要介绍了vue中swiper开启loop后,点击事件不响应的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-09-09
webpack+vue+express(hot)热启动调试简单配置方法
今天小编就为大家分享一篇webpack+vue + express (hot) 热启动调试简单配置方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09


最新评论