资讯专栏INFORMATION COLUMN

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

Sleepy / 3217人阅读

摘要:最近开发项目,项目有一个粒子特效使用。项目用构建,打包完毕,丢到服务器,访问完美,测试和也正常。遗憾的是,在显示一片空白。开始逐步排查,找到是的问题,修改后访问正常。原代码如下不支持这种写法,故修改如下

最近开发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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/52299.html

相关文章

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

    摘要:最近开发项目,项目有一个粒子特效使用。项目用构建,打包完毕,丢到服务器,访问完美,测试和也正常。遗憾的是,在显示一片空白。开始逐步排查,找到是的问题,修改后访问正常。原代码如下不支持这种写法,故修改如下 最近开发vue项目,项目有一个粒子特效使用vue-particles。项目用vue-cli构建,webpack打包完毕,丢到服务器,chrome访问完美,测试360和Edge也正常。遗...

    Dionysus_go 评论0 收藏0
  • 开发中遇到的问题总结

    摘要:获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

    wenshi11019 评论0 收藏0
  • 开发中遇到的问题总结

    摘要:获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable / to ign...

    Yuqi 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<