文章詳情頁
vue中渲染對象中屬性時顯示未定義的解決
瀏覽:143日期:2022-12-21 14:52:02
后端給的對象結(jié)構(gòu)是這樣的,三層嵌套
而在最開始的時候我在data中定義了一個對象(dataInfo)接受了圖示所有的屬性
而在template中我要渲染數(shù)據(jù)(dataInfo.clientInfo.deviceName)
然后。。。。在這里插入圖片描述
未定義。。。作為一個前端菜雞,百思不得其解。
最終在有道的幫助下,告訴我了此屬性不在vue實例上
恍然大悟
只能解析在data中定義也就是vue實例上的對象子一層的東西,對于孫一層的東西就被解析成不在vue實例上的
兩種解決方法:
第一:
在定義的dataInfo中定義clientInfo等八個對象
第二:
直接定義八個對象接收八個對象中的東西
這樣,孫一層的東西就在vue實例上了
補(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. ASP.NET MVC使用typeahead.js實現(xiàn)輸入智能提示功能2. JavaScript實現(xiàn)form提交,回車提交URL地址偽靜態(tài) 原創(chuàng)3. css代碼優(yōu)化的12個技巧4. ASP.NET Core自定義中間件的方式詳解5. .Net中Task Parallel Library的基本用法6. 《CSS3實戰(zhàn)》筆記--漸變設(shè)計(二)7. Android 通過cmake的方式接入opencv的方法步驟8. jsp實現(xiàn)登錄界面9. jstl 字符串處理函數(shù)10. .NET 6 跨服務(wù)器聯(lián)表查詢操作MySql、Oracle、SqlServer等相互聯(lián)表
排行榜
