怎么解决使用VueJS开发项目中的兼容问题

这篇文章主要介绍"怎么解决使用VueJS开发项目中的兼容问题"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"怎么解决使用VueJS开发项目中的兼容问题"文章能帮助大家解决问题。

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文件

关于"怎么解决使用VueJS开发项目中的兼容问题"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注行业资讯频道，小编每天都会为大家更新不同的知识点。