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