Vue報錯:Vue TypeError:Cannot read property ‘xxx‘ of null


問題

使用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
  • 如果是數組的話,初始化的時候給上[]


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM