上圖中是我在接手一個項目的時候,出現的一個關於數組的 bug,但是從上圖來看,其實報錯是不清楚的,只能從報錯信息上看出來是 /src/page/waybill/waybill_form.vue 這個 vue 頁面出現的報錯。
如果遇到這種情況,很多人會很難下手,也不知道怎么處理。
下面是我的處理這種模糊問題的處理思路。(注釋排除法)
一、排除 js 內的 所有的xxx.length 的 變量是否是數組類型。
二、排除 html 代碼上是否引用過xxx.length 。
如果以上注釋了排除還是報錯的話。
還需要關注的就是 v-for ,因為代碼再執行到 v-for="(item,index) in arry" 這里時,如果arry不是個數組就會導致報錯 xxxx.length 找不到,因為渲染的時候會內部運行 for 循環就會用到 xxx.length。這個是不能很快直觀的能處理到的隱藏問題。
以上就是我處理這種報錯模糊,並且項目不是自己一手寫的,上一個開發人又不在的時候,的處理問題的一個思路