vue報錯解決

vue報錯解決:

在這裏插入圖片描述

翻譯過來是:

在這裏插入圖片描述

大概意思就是 模板在渲染的時候,讀取對象中的某個對象的屬性值時,這個對象不存在,所以返回undefined。就是在渲染的時候,出現的三層表達式在listBottom中取attr[0]數組中的小標爲0的對象還不存在,再在這個對象中取其他值自然會報錯,但是渲染完成後,listBottom中的值加載好了,自然可以取到,這也就解釋了爲什麼界面正常顯示,但開發者工具會報錯的原因。

解決方法:

在上面一個div中添加v-if判斷條件,如果listBottom.attr取不到,則不加載該div即可解決。

在這裏插入圖片描述

這樣就不會報錯了。雖然不影響頁面效果,但紅紅的報錯信息很辣眼睛