如何解决使用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://bzwzjz.com/article/pphejh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 成都营销网站制作 专业网站建设 成都营销网站建设 重庆网站制作 营销网站建设 营销网站建设 重庆网站建设 高端网站建设 成都网站设计 网站设计 成都网站建设 成都商城网站制作 成都网站设计 成都网站建设公司 成都网站设计 手机网站建设套餐 做网站设计 成都定制网站建设 成都网站设计 外贸营销网站建设 成都网站设计