vue中渲染對象中屬性時(shí)顯示未定義的解決
后端給的對象結(jié)構(gòu)是這樣的，三層嵌套
而在最開始的時(shí)候我在data中定義了一個(gè)對象（dataInfo）接受了圖示所有的屬性
而在template中我要渲染數(shù)據(jù)（dataInfo.clientInfo.deviceName）
然后。。。。在這里插入圖片描述
未定義。。。作為一個(gè)前端菜雞，百思不得其解。
最終在有道的幫助下，告訴我了此屬性不在vue實(shí)例上
恍然大悟
只能解析在data中定義也就是vue實(shí)例上的對象子一層的東西，對于孫一層的東西就被解析成不在vue實(shí)例上的
兩種解決方法：
第一：
在定義的dataInfo中定義clientInfo等八個(gè)對象
第二：
直接定義八個(gè)對象接收八個(gè)對象中的東西
這樣，孫一層的東西就在vue實(shí)例上了
補(bǔ)充知識(shí)：vue報(bào)錯(cuò)Cannot read property '_withTask' of undefined
控制臺(tái)報(bào)錯(cuò)：
Cannot read property ‘_withTask' of undefined
原因：
template中的出現(xiàn)的綁定事件在methods中沒有定義
以上這篇vue中渲染對象中屬性時(shí)顯示未定義的解決就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
overlay就是在地圖上以另外一種形式浮現(xiàn)在地圖上，常見的地圖覆蓋物為這三種類型，如：popup 彈窗、label標(biāo)注信息、text文本信息等，接下來跟隨小編看下openlayers6之地圖覆蓋物overlay詳解，一起看看吧2021-09-09
van-picker組件default-index屬性設(shè)置不生效踩坑及解決
這篇文章主要介紹了van-picker組件default-index屬性設(shè)置不生效踩坑及解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
隨著前端技術(shù)的發(fā)展,TypeScript 已經(jīng)成為了許多開發(fā)者的首選語言之一,因?yàn)樗峁┝遂o態(tài)類型檢查,可以幫助開發(fā)者在編寫代碼階段就發(fā)現(xiàn)錯(cuò)誤,本文將詳細(xì)介紹如何在 Vue 3 中配置 TypeScript,需要的朋友可以參考下2024-10-10
這篇文章主要為大家詳細(xì)解析了Vue監(jiān)聽數(shù)組變化的源碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
Vue2.0+Vux搭建一個(gè)完整的移動(dòng)webApp項(xiàng)目的示例
這篇文章主要介紹了Vue2.0+Vux搭建一個(gè)完整的移動(dòng)webApp項(xiàng)目的示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
快速解決vue動(dòng)態(tài)綁定多個(gè)class的官方實(shí)例語法無效的問題
今天小編就為大家分享一篇快速解決vue動(dòng)態(tài)綁定多個(gè)class的官方實(shí)例語法無效的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了Vue input輸入框中的值如何變成黑點(diǎn)問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
vue 實(shí)現(xiàn)購物車總價(jià)計(jì)算
今天小編就為大家分享一篇vue 實(shí)現(xiàn)購物車總價(jià)計(jì)算，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
uniapp-ios開發(fā)之App端與webview端相互通信的方法以及注意事項(xiàng)
在uni-app與Webview之間進(jìn)行數(shù)據(jù)交互是非常常見的需求,下面這篇文章主要給大家介紹了關(guān)于uniapp-ios開發(fā)之App端與webview端相互通信的方法以及注意事項(xiàng)的相關(guān)資料,需要的朋友可以參考下2024-07-07
一步步教你利用webpack如何搭一個(gè)vue腳手架（超詳細(xì)講解和注釋）
這篇文章主要給大家介紹了軟玉利用webpack如何搭一個(gè)vue腳手架的相關(guān)資料，文中有超詳細(xì)講解和注釋，對大家學(xué)習(xí)或者使用webpack具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01