码迷,mamicode.com
首页 > 其他好文 > 详细

vue开发使用vue-particles如何兼容IE11?

时间:2019-11-25 23:26:57      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:func   webp   web   测试   粒子特效   babel   bpa   script   代码   

最近开发vue项目,项目有一个粒子特效使用vue-particles。项目用vue-cli构建,webpack打包完毕,丢到服务器,chrome访问完美,测试360和Edge也正常。
遗憾的是,在IE11显示一片空白。F12,第一次也没有发现错误,刷新后,报错:

SCRIPT: 缺少‘:‘

网上搜了很多种方法,测试IE浏览器不支持新的ES6语法等情况,但import ‘babel-polyfill‘后仍然没有任何改观。
开始逐步排查,找到是vue-particles的问题,修改vue-particles/index.js后IE访问正常。
原vue-particles/index.js代码如下:

import particles from ‘./vue-particles.vue‘

const VueParticles = {

install (Vue, options) {
        Vue.component(‘vue-particles‘, particles)
    }

}

export default VueParticles

IE不支持install(){}这种写法,故修改如下:

import particles from ‘./vue-particles.vue‘

const VueParticles = {

    install: function (Vue, options) {
        Vue.component(‘vue-particles‘, particles)
    }

}

export default VueParticles

vue开发使用vue-particles如何兼容IE11?

标签:func   webp   web   测试   粒子特效   babel   bpa   script   代码   

原文地址:https://www.cnblogs.com/jlfw/p/11931547.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!