Vue在ie10下空白頁的debug小記

CarterLi 發布于2019-08-26 11:51 / 1972人閱讀

摘要：前幾天寫的一段，在下一片空白，顯示。之，說是最后一項有多余的逗號，例如最后一項不能有逗號檢索修正所有文件不表，然而情況依舊。。。繼續先前的睿智技巧，終于發現，好幾個。。。

前幾天寫的一段Vue，在ie下一片空白，f12顯示script1003: expected :。

baidu、google之，說是json最后一項有多余的逗號，例如

{
  a: 5,
  b: 4, // 最后一項不能有逗號
}

檢索修正所有js文件不表，然而情況依舊。。。
沒辦法了，祭出無敵睿智debug技巧: 全文注釋掉，再一行一行解掉注釋，終于定位到bug位置: 一個自定義右鍵菜單的插件(v-contextmenu)有問題。。。

繼續先前的睿智debug技巧，終于發現，好幾個bug。。。

該插件下，所有對象最后一項都有逗號，導致在ie下不兼容

{
  a: 5,
  b: 4, // 這個逗號要刪除
}

該插件的export default語法與ie不兼容

// 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誰是狗

云服務器 GPU云服務器 RDLC報表在IE10下的問題 webrtc在安卓10下無法使用 ie-debug vue10安裝

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/107687.html

知識點小記

摘要：箭頭函數我們來看一下箭頭函數的效果箭頭函數是無法通過來修改作用域的這個需要切記。所以切記在需要的時候使用箭頭函數。這是一些小問題的記錄和總結： 1. vue serve和build 在vue-cli3.0中可以快速的開發原型。通過全局安全@vue/cli-service-global npm i -g @vue/cli-service-global 那么就可以使用vue serve ...

shery 2019-08-23 16:49 評論0 收藏0
JavaScript & jQuery 常用方法小記

摘要：函數節流用途如調整瀏覽器大小，或者用戶輸入信息，導致反復提交接口調用方法判斷手機端訪問獲取地址欄參數返回頂部當滾動條的位置處于距頂部像素以下時，跳轉鏈接出現，否則消失當點擊跳轉鏈接后，回到頁面頂部位置正則檢測手機號郵箱 1.JavaScript 函數節流用途：如調整瀏覽器大小，或者用戶輸入信息，導致反復提交接口 function throttle(method,context) { ...

codeGoogle 2019-08-21 10:31 評論0 收藏0
使用vue完成微信公眾號網頁小記

摘要：前言公司最近有一個頁面的功能，比較簡單的一個調查表功能，嵌套在我們微信公眾號里面。同時用到了微信的登錄和分享接口。參考鏈接使用微信接口前端部分我們用微信接口主要是做的登錄和分享功能，首先是上微信公眾平臺上邊看看，把權限搞好之后后端配置。 showImg(https://segmentfault.com/img/bVbrOkH); 前言：公司最近有一個H5頁面的功能，比較簡單的一個調查...

phoenixsky 2019-08-02 16:14 評論0 收藏0
使用vue完成微信公眾號網頁小記

摘要：前言公司最近有一個頁面的功能，比較簡單的一個調查表功能，嵌套在我們微信公眾號里面。同時用到了微信的登錄和分享接口。參考鏈接使用微信接口前端部分我們用微信接口主要是做的登錄和分享功能，首先是上微信公眾平臺上邊看看，把權限搞好之后后端配置。 showImg(https://segmentfault.com/img/bVbrOkH); 前言：公司最近有一個H5頁面的功能，比較簡單的一個調查...

notebin 2019-08-23 17:11 評論0 收藏0