详解使用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 相关文章推荐
javascript 动态数据下的锚点错位问题解决方法
Dec 24 Javascript
JavaScript 利用Cookie记录用户登录信息
Dec 08 Javascript
js里的prototype使用示例
Nov 19 Javascript
js/jquery判断浏览器的方法小结
Sep 02 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
Jul 27 Javascript
详解JavaScript的Polymer框架中的通知交互
Jul 29 Javascript
JavaScript基本的输出和嵌入式写法教程
Oct 20 Javascript
jQuery简单注册和禁用全局事件的方法
Jul 25 Javascript
JS实现微信摇一摇原理解析
Jul 22 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)
Jan 23 Javascript
通过vue.extend实现消息提示弹框的方法记录
Jan 07 Vue.js
重新认识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通过header实现文本文件下载的代码
2010/08/08 PHP
ThinkPHP调用百度翻译类实现在线翻译
2014/06/26 PHP
destoon首页调用求购供应信息的地区名称的方法
2014/08/21 PHP
两千行代码的PHP学习笔记汇总
2014/10/05 PHP
php中Redis的应用--消息传递
2017/03/28 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
详解提高使用Java反射的效率方法
2019/04/29 PHP
Laravel实现批量更新多条数据
2020/04/06 PHP
如何实现浏览器上的右键菜单
2006/07/10 Javascript
jscript之Read an Excel Spreadsheet
2007/06/13 Javascript
js改变文章字体大小的实例代码
2013/11/27 Javascript
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
前端性能优化及技巧
2016/05/06 Javascript
javascript实现无法关闭的弹框
2016/11/27 Javascript
利用JS实现文字的聚合动画效果
2017/01/22 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
2017/01/23 Javascript
利用10行js代码实现上下滚动公告效果
2017/12/08 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
bootstrap table实现iview固定列的效果实例代码详解
2019/09/30 Javascript
vue组件开发之tab切换组件使用详解
2020/08/21 Javascript
Python常用的文件及文件路径、目录操作方法汇总介绍
2015/05/21 Python
各种Python库安装包下载地址与安装过程详细介绍(Windows版)
2016/11/02 Python
用pycharm开发django项目示例代码
2018/10/24 Python
scrapy-redis的安装部署步骤讲解
2019/02/27 Python
六行python代码的爱心曲线详解
2019/05/17 Python
快速解决pyqt5窗体关闭后子线程不同时退出的问题
2019/06/19 Python
如何爬取通过ajax加载数据的网站
2019/08/15 Python
解决tensorflow训练时内存持续增加并占满的问题
2020/01/19 Python
法人授权委托书格式
2014/04/08 职场文书
大学生党员学习焦裕禄精神思想汇报
2014/09/10 职场文书
综治维稳工作汇报
2014/10/27 职场文书
2014年党员个人工作总结
2014/12/02 职场文书
教师求职简历自我评价
2015/03/10 职场文书
医院保洁员管理制度
2015/08/05 职场文书
2016年学校党支部创先争优活动总结
2016/04/05 职场文书
导游词之江南周庄
2019/12/06 职场文书