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

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

创新互联是一家专业提供文安企业网站建设,专注与成都网站设计、做网站、H5场景定制、小程序制作等业务。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文件 

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