文章詳情頁
vue中渲染對象中屬性時顯示未定義的解決
瀏覽:204日期:2022-12-21 14:52:02

后端給的對象結(jié)構(gòu)是這樣的,三層嵌套
而在最開始的時候我在data中定義了一個對象(dataInfo)接受了圖示所有的屬性
而在template中我要渲染數(shù)據(jù)(dataInfo.clientInfo.deviceName)

然后。。。。在這里插入圖片描述
未定義。。。作為一個前端菜雞,百思不得其解。
最終在有道的幫助下,告訴我了此屬性不在vue實(shí)例上
恍然大悟
只能解析在data中定義也就是vue實(shí)例上的對象子一層的東西,對于孫一層的東西就被解析成不在vue實(shí)例上的
兩種解決方法:
第一:
在定義的dataInfo中定義clientInfo等八個對象
第二:
直接定義八個對象接收八個對象中的東西
這樣,孫一層的東西就在vue實(shí)例上了
補(bǔ)充知識:vue報錯Cannot read property ’_withTask’ of undefined
控制臺報錯:
Cannot read property ‘_withTask’ of undefined
原因:
template中的出現(xiàn)的綁定事件在methods中沒有定義
以上這篇vue中渲染對象中屬性時顯示未定義的解決就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
標(biāo)簽:
Vue
相關(guān)文章:
1. idea刪除項(xiàng)目的操作方法2. IntelliJ IDEA配置Tomcat服務(wù)器的方法3. IntelliJ IDEA恢復(fù)刪除文件的方法4. IntelliJ IDEA設(shè)置默認(rèn)瀏覽器的方法5. 使用Maven 搭建 Spring MVC 本地部署Tomcat的詳細(xì)教程6. docker鏡像完全卸載的操作步驟7. IntelliJ IDEA導(dǎo)入jar包的方法8. Docker 部署 Prometheus的安裝詳細(xì)教程9. idea導(dǎo)入maven項(xiàng)目的方法10. idea重置默認(rèn)配置的方法步驟
排行榜

網(wǎng)公網(wǎng)安備