欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于Vue在ie10下空白頁的debug小結(jié)

 更新時(shí)間:2018年05月02日 11:03:27   作者:東方小明  
這篇文章主要給大家介紹了關(guān)于Vue在ie10下空白頁的debug相關(guān)資料,這是最近在工作中遇到的一個(gè)問題,通過查找相關(guān)的資料終于解決了,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下

發(fā)現(xiàn)問題

前幾天寫的一段Vue,在ie下一片空白,f12顯示script1003: expected : 。于是就有了這篇文章...

解決過程

baidu、google之,說是json最后一項(xiàng)有多余的逗號(hào),例如

{
 a: 5,
 b: 4, // 最后一項(xiàng)不能有逗號(hào)
}

檢索修正所有js文件不表,然而情況依舊。。。

沒辦法了,祭出無敵睿智debug技巧: 全文注釋掉,再一行一行解掉注釋,終于定位到bug位置: 一個(gè)自定義右鍵菜單的插件(v-contextmenu)有問題。。。

繼續(xù)先前的睿智debug技巧,終于發(fā)現(xiàn),好幾個(gè)bug。。。

該插件下,所有對(duì)象最后一項(xiàng)都有逗號(hào),導(dǎo)致在ie下不兼容

{
 a: 5,
 b: 4, // 這個(gè)逗號(hào)要?jiǎng)h除
}

該插件的export default語法與ie不兼容(更多關(guān)于export default的用法參考這篇文章:http://www.dbjr.com.cn/article/108418.htm

// ie下不支持這種語法
export default {
 bind() {}
}
// 必須在外面定義 function bind() {} 然后
export default {
 bind: bind
}

// 特別告誡,下面這種語法在ie中也是不支持的
export default {
 bind
}

最重要的,這個(gè)插件在一個(gè)很隱蔽的地方有這么兩行代碼

if(condition) {
 someArray.push({ a, b })
} else {
 anotherArray.push({ a, b })
}

而{ a, b }這種語法是ie不支持的,必須改成{ a: a, b: b }

一個(gè)上午就這么浪費(fèi)了,你以為我要噴這個(gè)插件?我想說,誰用ie誰是狗🐶

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,如果有疑問大家可以留言交流,謝謝大家對(duì)腳本之家的支持。

相關(guān)文章

  • vue3+element?plus實(shí)現(xiàn)側(cè)邊欄過程

    vue3+element?plus實(shí)現(xiàn)側(cè)邊欄過程

    這篇文章主要介紹了vue3+element?plus實(shí)現(xiàn)側(cè)邊欄過程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • vue組件化中slot的基本使用方法

    vue組件化中slot的基本使用方法

    這篇文章主要給大家介紹了關(guān)于vue組件化中slot的基本使用方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • vue配置請(qǐng)求本地json數(shù)據(jù)的方法

    vue配置請(qǐng)求本地json數(shù)據(jù)的方法

    這篇文章主要介紹了vue配置請(qǐng)求本地json數(shù)據(jù)的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-04-04
  • 示例vue 的keep-alive緩存功能的實(shí)現(xiàn)

    示例vue 的keep-alive緩存功能的實(shí)現(xiàn)

    這篇文章主要介紹了示例vue 的keep-alive緩存功能的實(shí)現(xiàn),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-12-12
  • 正確更改Ant?Design?of?Vue樣式的問題

    正確更改Ant?Design?of?Vue樣式的問題

    這篇文章主要介紹了正確更改Ant?Design?of?Vue樣式的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • uni-app?開發(fā)微信小程序定位功能

    uni-app?開發(fā)微信小程序定位功能

    這篇文章主要介紹了uni-app?開發(fā)微信小程序定位,通過使用onLocationChange方法持續(xù)監(jiān)聽地址,根據(jù)定位精度字段判斷是否使用此次定位的經(jīng)緯度,需要的朋友可以參考下
    2022-04-04
  • vue3中el-table實(shí)現(xiàn)表格合計(jì)行的示例代碼

    vue3中el-table實(shí)現(xiàn)表格合計(jì)行的示例代碼

    這篇文章主要介紹了vue3中el-table實(shí)現(xiàn)表格合計(jì)行,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
    2024-01-01
  • Vue開發(fā)環(huán)境跨域訪問問題

    Vue開發(fā)環(huán)境跨域訪問問題

    這篇文章主要介紹了Vue開發(fā)環(huán)境跨域訪問問題,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-01-01
  • 全面解析vue中的數(shù)據(jù)雙向綁定

    全面解析vue中的數(shù)據(jù)雙向綁定

    這篇文章主要介紹了vue中的數(shù)據(jù)雙向綁定問題,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2017-05-05
  • 使用vue.js寫一個(gè)tab選項(xiàng)卡效果

    使用vue.js寫一個(gè)tab選項(xiàng)卡效果

    Vue 實(shí)現(xiàn) Tab切換實(shí)現(xiàn)的場(chǎng)景很多,比如,利用vue-router、利用第三方插件、利用組件等等.本文使用組件來實(shí)踐tab選項(xiàng)卡
    2017-03-03

最新評(píng)論