關於Vue報錯(Property or method “xxx“ is not defined on the instance but referenced during render.)防踩坑


今天記錄一下這個問題,在用vue寫前端,在頁面取值的時候,發現控制台一直報錯

 控制台報錯信息:

錯誤信息:屬性或方法“peoples”不是在實例上定義的,而是在渲染過程中被引用的。 通過初始化屬性,確保此屬性是反應性的,無論是在數據選項中,還是對於基於類的組件。 

所以,由此我們就知道了,在vue的template中我們使用了peoples數據,但是在data中還並沒有被定義,就被使用了,造成了這個錯誤。在data中定義一下這個peoples的數據,就可以解決這個問題了。

 前端代碼:

 調用數據方法:

數據存放 data :

 在這個問題中,因為peoples和formData是不同的數據來源,peoples不屬於formData,因此不能寫在它的里面,所以應該更改為

 這樣子就可以正常獲得我們所需要的數據,頁面就可以正常顯示了

如果還是有問題的話,就在組件前面或者本身加一個v-if,讓data渲染完成再執行


免責聲明!

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



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