關于Vue在ie10下空白頁的debug小結
更新時間：2018年05月02日 11:03:27 作者：東方小明
這篇文章主要給大家介紹了關于Vue在ie10下空白頁的debug相關資料，這是最近在工作中遇到的一個問題，通過查找相關的資料終于解決了，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下
發(fā)現(xiàn)問題
前幾天寫的一段Vue，在ie下一片空白，f12顯示script1003: expected : 。于是就有了這篇文章...
解決過程
baidu、google之，說是json最后一項有多余的逗號，例如
{
a: 5,
b: 4, // 最后一項不能有逗號
}
檢索修正所有js文件不表，然而情況依舊。。。
沒辦法了，祭出無敵睿智debug技巧: 全文注釋掉，再一行一行解掉注釋，終于定位到bug位置: 一個自定義右鍵菜單的插件(v-contextmenu)有問題。。。
繼續(xù)先前的睿智debug技巧，終于發(fā)現(xiàn)，好幾個bug。。。
該插件下，所有對象最后一項都有逗號，導致在ie下不兼容
{
a: 5,
b: 4, // 這個逗號要刪除
}
該插件的export default語法與ie不兼容（更多關于export default的用法參考這篇文章：http://www.dbjr.com.cn/article/108418.htm）
// ie下不支持這種語法
export default {
bind() {}
}
// 必須在外面定義 function bind() {} 然后
export default {
bind: bind
}
// 特別告誡，下面這種語法在ie中也是不支持的
export default {
bind
}
最重要的，這個插件在一個很隱蔽的地方有這么兩行代碼
if(condition) {
someArray.push({ a, b })
} else {
anotherArray.push({ a, b })
}
而{ a, b }這種語法是ie不支持的，必須改成{ a: a, b: b }
一個上午就這么浪費了，你以為我要噴這個插件？我想說，誰用ie誰是狗🐶
總結
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關文章
vue3+element?plus實現(xiàn)側(cè)邊欄過程
這篇文章主要介紹了vue3+element?plus實現(xiàn)側(cè)邊欄過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要給大家介紹了關于vue組件化中slot的基本使用方法，文中通過示例代碼介紹的非常詳細，對大家學習或者使用vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-05-05
這篇文章主要介紹了vue配置請求本地json數(shù)據(jù)的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
示例vue 的keep-alive緩存功能的實現(xiàn)
這篇文章主要介紹了示例vue 的keep-alive緩存功能的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了正確更改Ant?Design?of?Vue樣式的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了uni-app?開發(fā)微信小程序定位,通過使用onLocationChange方法持續(xù)監(jiān)聽地址，根據(jù)定位精度字段判斷是否使用此次定位的經(jīng)緯度，需要的朋友可以參考下2022-04-04
vue3中el-table實現(xiàn)表格合計行的示例代碼
這篇文章主要介紹了vue3中el-table實現(xiàn)表格合計行,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
這篇文章主要介紹了Vue開發(fā)環(huán)境跨域訪問問題,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2020-01-01
這篇文章主要介紹了vue中的數(shù)據(jù)雙向綁定問題，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-05-05
Vue 實現(xiàn) Tab切換實現(xiàn)的場景很多，比如，利用vue-router、利用第三方插件、利用組件等等.本文使用組件來實踐tab選項卡2017-03-03