問題
使用Vue綁定數據顯示的時候,報錯:
Vue TypeError:Cannot read property 'xxx' of null
但是頁面又顯示正常,數據也正常。
原因
我們在data中綁定了數據,比如數據名為 article
但是初始的數據是null,我們的想法是等會mounted中初始化,傳入響應數據對象。
但是Vue在渲染頁面的時候已經綁定了數據,比如:article.title,在請求前找到article是null,所以才會出現上面的報錯
解決
在使用到article對象的模塊加上了 v-if="article!==null"
總結
對於Vue data中綁定的數據
- 如果是對象的話,在使用模塊前加上v-if判斷是否==null
- 如果是數組的話,初始化的時候給上[]
