详解使用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 类
Nov 07 Javascript
别了 JavaScript中的isXX系列
Aug 01 Javascript
jQuery 鼠标经过(hover)事件的延时处理示例
Apr 14 Javascript
jQuery中detach()方法用法实例
Dec 25 Javascript
js oncontextmenu事件使用详解
Mar 25 Javascript
使用AngularJS2中的指令实现按钮的切换效果
Mar 27 Javascript
vue中的scope使用详解
Oct 29 Javascript
Angular 项目实现国际化的方法
Jan 08 Javascript
JS字符串去除连续或全部重复字符的实例
Mar 08 Javascript
浅谈vue方法内的方法使用this的问题
Sep 15 Javascript
React 组件渲染和更新的实现代码示例
Feb 21 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
Jul 06 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编程实现csv文件导入mysql数据库的方法
2017/04/29 PHP
laravel添加前台跳转成功页面示例
2019/10/22 PHP
Javascript 解疑
2009/11/11 Javascript
获取服务器传来的数据 用JS去空格的正则表达式
2012/03/26 Javascript
Javascript核心读书有感之词法结构
2015/02/01 Javascript
jQuery往textarea中光标所在位置插入文本的方法
2015/06/26 Javascript
Svg.js实例教程及使用手册详解(一)
2016/05/16 Javascript
Angular.js中上传指令ng-upload的基本使用教程
2017/07/30 Javascript
Vue-router 中hash模式和history模式的区别
2018/07/24 Javascript
详解微信小程序中组件通讯
2018/10/30 Javascript
layui select 禁止点击的实现方法
2019/09/05 Javascript
在react中使用vue的状态管理的方法示例
2020/05/02 Javascript
JS面向对象实现飞机大战
2020/08/26 Javascript
typescript编写微信小程序创建项目的方法
2021/01/29 Javascript
[01:14]DOTA2 7.22版本新增神杖效果展示(智力英雄篇)
2019/05/29 DOTA
Django实现图片文字同时提交的方法
2015/05/26 Python
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
利用python批量给云主机配置安全组的方法教程
2017/06/21 Python
详解如何使用Python编写vim插件
2017/11/28 Python
Python爬虫实现获取动态gif格式搞笑图片的方法示例
2018/12/24 Python
PyQt5实现类似别踩白块游戏
2019/01/24 Python
浅谈Python反射 & 单例模式
2019/03/21 Python
利用python numpy+matplotlib绘制股票k线图的方法
2019/06/26 Python
Numpy与Pytorch 矩阵操作方式
2019/12/27 Python
django修改models重建数据库的操作
2020/03/31 Python
python算的上脚本语言吗
2020/06/22 Python
Python切片列表字符串如何实现切换
2020/08/06 Python
Pytest单元测试框架如何实现参数化
2020/09/05 Python
override和overload的区别
2016/03/09 面试题
挖掘机司机岗位职责
2014/02/12 职场文书
信息管理专业自荐书
2014/06/05 职场文书
西安兵马俑导游词
2015/02/02 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
python实现简易名片管理系统
2021/04/11 Python
python状态机transitions库详解
2021/06/02 Python
python数据可视化JupyterLab实用扩展程序Mito
2021/11/20 Python