成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue開發(fā)使用vue-particles如何兼容IE11?

Dionysus_go / 1159人閱讀

摘要:最近開發(fā)項(xiàng)目,項(xiàng)目有一個(gè)粒子特效使用。項(xiàng)目用構(gòu)建,打包完畢,丟到服務(wù)器,訪問完美,測(cè)試和也正常。遺憾的是,在顯示一片空白。開始逐步排查,找到是的問題,修改后訪問正常。原代碼如下不支持這種寫法,故修改如下

最近開發(fā)vue項(xiàng)目,項(xiàng)目有一個(gè)粒子特效使用vue-particles。項(xiàng)目用vue-cli構(gòu)建,webpack打包完畢,丟到服務(wù)器,chrome訪問完美,測(cè)試360和Edge也正常。
遺憾的是,在IE11顯示一片空白。F12,第一次也沒有發(fā)現(xiàn)錯(cuò)誤,刷新后,報(bào)錯(cuò):

SCRIPT: 缺少":"

網(wǎng)上搜了很多種方法,測(cè)試IE瀏覽器不支持新的ES6語(yǔ)法等情況,但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

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/94794.html

相關(guān)文章

  • vue開發(fā)使用vue-particles如何兼容IE11?

    摘要:最近開發(fā)項(xiàng)目,項(xiàng)目有一個(gè)粒子特效使用。項(xiàng)目用構(gòu)建,打包完畢,丟到服務(wù)器,訪問完美,測(cè)試和也正常。遺憾的是,在顯示一片空白。開始逐步排查,找到是的問題,修改后訪問正常。原代碼如下不支持這種寫法,故修改如下 最近開發(fā)vue項(xiàng)目,項(xiàng)目有一個(gè)粒子特效使用vue-particles。項(xiàng)目用vue-cli構(gòu)建,webpack打包完畢,丟到服務(wù)器,chrome訪問完美,測(cè)試360和Edge也正常。遺...

    Sleepy 評(píng)論0 收藏0
  • 開發(fā)中遇到的問題總結(jié)

    摘要:獲取字符串中出現(xiàn)次數(shù)最多的字符。去掉字符串中的所有空格中對(duì)象數(shù)組按對(duì)象屬性排序 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 評(píng)論0 收藏0
  • 開發(fā)中遇到的問題總結(jié)

    摘要:獲取字符串中出現(xiàn)次數(shù)最多的字符。去掉字符串中的所有空格中對(duì)象數(shù)組按對(duì)象屬性排序 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 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<