vue TypeError: Cannot read property 'length' of undefined 問題解決思路

上圖中是我在接手一個項目的時候，出現的一個關於數組的 bug，可是從上圖來看，其實報錯是不清楚的，只能從報錯信息上看出來是 /src/page/waybill/waybill_form.vue 這個 vue 頁面出現的報錯。

若是遇到這種狀況，不少人會很難下手，也不知道怎麼處理。

下面是個人處理這種模糊問題的處理思路。（註釋排除法）

1、排除 js 內的 全部的xxx.length 的 變量是不是數組類型。

2、排除 html 代碼上是否引用過xxx.length 。

若是以上註釋了排除仍是報錯的話。

還須要關注的就是 v-for ，由於代碼再執行到   v-for="(item,index) in arry"   這裏時，若是arry不是個數組就會致使報錯 xxxx.length 找不到，由於渲染的時候會內部運行 for 循環就會用到 xxx.length。這個是不能很快直觀的能處理到的隱藏問題。

 

以上就是我處理這種報錯模糊，而且項目不是本身一手寫的，上一個開發人又不在的時候，的處理問題的一個思路