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

Dionysus_go 发布于2019-08-22 17:02 / 998人阅读

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

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

专线服务云服务器 ie如何使用webrtc 如何解决兼容问题?Win11仅支持1个I ie兼容 ie不兼容

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

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

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

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

biaoxiaoduan 2019-08-05 13:48 评论0 收藏0
vue开发使用vue-particles如何兼容IE11？

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

Sleepy 2019-08-02 10:21 评论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 2019-08-23 16:03 评论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 2019-08-30 15:56 评论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...

godlong_X 2019-08-05 18:13 评论0 收藏0