详解使用VueJS开发项目中的兼容问题


Posted in Javascript onAugust 02, 2018

我们开发的项目,兼容到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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JSP跨iframe如何传递参数实现代码
Sep 21 Javascript
图片动画横条广告带上下滚动的JS代码
Oct 25 Javascript
js加载之使用DOM方法动态加载Javascript文件
Nov 08 Javascript
jQuery中unwrap()方法用法实例
Jan 16 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
Feb 14 Javascript
JS检测数组类型的方法小结
Mar 14 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
Mar 21 jQuery
ionic实现底部分享功能
May 11 Javascript
深入理解ES6之数据解构的用法
Jan 13 Javascript
js实现移动端轮播图
Dec 21 Javascript
vue项目设置scrollTop不起作用(总结)
Dec 21 Javascript
element-ui上传一张图片后隐藏上传按钮功能
May 22 Javascript
重新认识vue之事件阻止冒泡的实现
Aug 02 #Javascript
深入浅出理解JavaScript高级定时器原理与用法
Aug 02 #Javascript
解决vue router组件状态刷新消失的问题
Aug 01 #Javascript
Promise.all中对于reject的处理方法
Aug 01 #Javascript
详解es6超好用的语法糖Decorator
Aug 01 #Javascript
Vue Router去掉url中默认的锚点#
Aug 01 #Javascript
vue定义全局变量和全局方法的方法示例
Aug 01 #Javascript
You might like
一个取得文件扩展名的函数
2006/10/09 PHP
php Mysql日期和时间函数集合
2007/11/16 PHP
PHP 数据结构 算法 三元组 Triplet
2011/07/02 PHP
记录PHP错误日志 display_errors与log_errors的区别
2012/10/09 PHP
解析coreseek for sphinx的使用
2013/06/21 PHP
ThinkPHP访问不存在的模块跳转到404页面的方法
2014/06/19 PHP
PHP调用C#开发的dll类库方法
2014/07/28 PHP
PHP开发注意事项总结
2015/02/04 PHP
PHP的PDO事务与自动提交
2019/01/24 PHP
KindEditor在php环境下上传图片功能集成的方法示例
2020/07/20 PHP
用javascript实现画板的代码
2007/09/05 Javascript
基于jQuery的星级评分插件
2011/08/12 Javascript
img onload事件绑定各浏览器均可执行
2012/12/19 Javascript
代码获取历史上的今天发生的事
2014/04/11 Javascript
深入分析node.js的异步API和其局限性
2016/09/05 Javascript
vue translate peoject实现在线翻译功能【新手必看】
2018/06/07 Javascript
微信小程序CSS3动画下拉菜单效果
2018/11/04 Javascript
详解Vue template 如何支持多个根结点
2020/02/10 Javascript
JavaScript实现指定数量的并发限制的示例代码
2020/03/10 Javascript
解决vue动态路由异步加载import组件,加载不到module的问题
2020/07/26 Javascript
使用Python制作微信跳一跳辅助
2018/01/31 Python
Python实现k-means算法
2018/02/23 Python
python使用Tesseract库识别验证
2018/03/21 Python
python正向最大匹配分词和逆向最大匹配分词的实例
2018/11/14 Python
anaconda如何查看并管理python环境
2019/07/05 Python
JetBrains PyCharm(Community版本)的下载、安装和初步使用图文教程详解
2020/03/19 Python
介绍一下SQL Server的全文索引
2013/08/15 面试题
写自荐信要注意什么
2013/12/26 职场文书
信息服务专业毕业生求职信
2014/03/02 职场文书
检讨书1000字
2014/10/11 职场文书
2014年村官工作总结
2014/11/24 职场文书
教师个人发展总结
2015/02/11 职场文书
上学路上观后感
2015/06/16 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书
公务员学习中国梦心得体会
2016/01/05 职场文书
JavaScript流程控制(循环)
2021/12/06 Javascript