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

我们开发的项目,兼容到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文件 下载地址:http://philipwalton.github.io/polyfill/

待更新……

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值