详解使用VueJS开发项目中的兼容问题
2018-08-02 09:25
429 查看
我们开发的项目,兼容到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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 使用VueJS开发项目中的兼容问题
- 多语种开发项目使用oracle+PL/SQL Developer的韩文插入问题
- 使用flex Builder3配置与开发AS3项目详解
- 使用ASP开发项目时遇到的连接数据库的性能问题。
- 初次使用VS2010基于C++开发项目碰到的问题及解决方法
- 关于开发兼容android 1.5项目时找不到资源图片问题
- 关于ajax.dll开发包在实际中的使用问题 涉及到IE6.0和IE7.0的兼容问题
- 使用spring和jdk1.7开发web项目时出现的注解定义pointcut的问题
- 【iOS开发必收藏】详解iOS应用程序内使用IAP/StoreKit付费、沙盒(SandBox)测试、创建测试账号流程!【2012-12-11日更新获取"产品付费数量等于0的问题"】
- 使用Base4.Net进行项目开发中的问题
- 【iOS开发必收藏】详解iOS应用程序内使用IAP/StoreKit付费、沙盒(SandBox)测试、创建测试账号流程!【2012-12-11日更新获取"产品付费数量等于0的问题"】
- 使用Eclipse开发J2EE项目详解
- 在android开发中尽量不要使用中文路径的问题详解
- 【iOS开发必收藏】详解iOS应用程序内使用IAP/StoreKit付费、沙盒(SandBox)测试、创建测试账号流程!【2012-12-11日更新获取"产品付费数量等于0的问题"】
- Android使用NDK开发项目时的一些问题
- 【iOS开发必收藏】详解iOS应用程序内使用IAP/StoreKit付费、沙盒(SandBox)测试、创建测试账号流程!【2012-12-11日更新获取”产品付费数量等于0的问题”】
- 使用VIM开发软件项目 - (16) vim编译中遇到的问题及解决方法
- 初次使用VS2010基于C++开发项目碰到的问题及解决方法
- [转 scrum] 大型项目开发使用敏捷是否合适?不该问的问题
- 最近开发一个项目使用了Nhibernate出现了如下问题deleted object would be re-saved by cascade (remove deleted object from