详解使用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 相关文章推荐
几行代码轻松搞定jquery实现flash8类似的连接效果
May 03 Javascript
JavaScript与Div对层定位和移动获得坐标的实现代码
Sep 08 Javascript
YUI Compressor压缩JavaScript原理及微优化
Jan 07 Javascript
javascript实现的HashMap类代码
Jun 27 Javascript
JavaScript实现图片轮播的方法
Jul 31 Javascript
jquery实现上传文件大小类型的验证例子(推荐)
Jun 25 Javascript
手机图片预览插件photoswipe.js使用总结
Aug 25 Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
Aug 16 Javascript
浅谈Vuex的状态管理(全家桶)
Nov 04 Javascript
JS处理一些简单计算题
Feb 24 Javascript
快速解决vue-cli在ie9+中无效的问题
Sep 04 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
Apr 21 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
php/js获取客户端mac地址的实现代码
2013/07/08 PHP
php 伪静态之IIS篇
2014/06/02 PHP
php提示Failed to write session data错误的解决方法
2014/12/17 PHP
windows平台中配置nginx+php环境
2015/12/06 PHP
PHP实现的DES加密解密实例代码
2016/04/06 PHP
PHP+MySQL实现模糊查询员工信息功能示例
2018/06/01 PHP
safari,opera嵌入iframe页面cookie读取问题解决方法
2010/06/23 Javascript
jquery选择checked在ie8普通模式下的问题
2014/02/12 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
2014/08/15 Javascript
jquery中push()的用法(数组添加元素)
2014/11/25 Javascript
JavaScript中的splice()方法使用详解
2015/06/09 Javascript
初识Javascript小结
2015/07/16 Javascript
javascript实现状态栏文字首尾相接循环滚动的方法
2015/07/22 Javascript
jquery submit()不能提交表单的解决方法
2017/04/24 jQuery
JS获取填报扩展单元格控件的值的解决办法
2017/07/14 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
2018/01/16 Javascript
vue-cli项目优化方法- 缩短首屏加载时间
2018/04/01 Javascript
在vue中读取本地Json文件的方法
2018/09/06 Javascript
对Python新手编程过程中如何规避一些常见问题的建议
2015/04/01 Python
用Python实现斐波那契(Fibonacci)函数
2016/03/25 Python
python利用matplotlib库绘制饼图的方法示例
2016/12/18 Python
Python探索之Metaclass初步了解
2017/10/28 Python
python中数据爬虫requests库使用方法详解
2018/02/11 Python
Python3实现对列表按元组指定列进行排序的方法分析
2018/12/22 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
python-tkinter之按钮的使用,开关方法
2019/06/11 Python
Python 之 Json序列化嵌套类方式
2020/02/27 Python
pandas 强制类型转换 df.astype实例
2020/04/09 Python
写clone()方法时,通常都有一行代码,是什么?
2012/10/31 面试题
三年级语文教学反思
2014/02/01 职场文书
群众路线教育党课主持词
2014/04/01 职场文书
《桂花雨》教学反思
2014/04/12 职场文书
舞蹈专业求职信
2014/06/13 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
大明湖导游词
2015/02/03 职场文书
解决go在函数退出后子协程的退出问题
2021/04/30 Golang