1. 程式人生 > >vue頁面渲染完成,但console報錯

vue頁面渲染完成,但console報錯

使用 v-for 迴圈顯示一個數組物件的屬性值,但無法獲取1級物件巢狀下的2級物件屬性值,
比如:{{ itemData.State.Name }}

這是因為頁面渲染的時候,VUE裡return出來的data資料裡還只有1級物件,還沒有2級物件的值。

解決的方法是給頁面的最外層div加上一個 v-if=”!isLoad” ,然後在data屬性裡設定初始值 return isLoad: true,
最後在ajax獲取資料之後改變 isLoad = false

如果沒有辦法寫在ajax獲取資料後,那麼可以寫在watch監聽裡,針對一個需要後臺返回值的變數進行監聽,然後寫進去isLoad的新值