怎么解决使用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开发项目中的兼容问题”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。
本文标题:怎么解决使用VueJS开发项目中的兼容问题
链接地址:http://scyanting.com/article/jphpjd.html