今天記錄一下這個問題,在用vue寫前端,在頁面取值的時候,發現控制台一直報錯
控制台報錯信息:
錯誤信息:屬性或方法“peoples”不是在實例上定義的,而是在渲染過程中被引用的。 通過初始化屬性,確保此屬性是反應性的,無論是在數據選項中,還是對於基於類的組件。
所以,由此我們就知道了,在vue的template中我們使用了peoples數據,但是在data中還並沒有被定義,就被使用了,造成了這個錯誤。在data中定義一下這個peoples的數據,就可以解決這個問題了。
前端代碼:
調用數據方法:
數據存放 data :
在這個問題中,因為peoples和formData是不同的數據來源,peoples不屬於formData,因此不能寫在它的里面,所以應該更改為
這樣子就可以正常獲得我們所需要的數據,頁面就可以正常顯示了
如果還是有問題的話,就在組件前面或者本身加一個v-if,讓data渲染完成再執行