vue數(shù)據(jù)對象length屬性未定義問題
數(shù)據(jù)對象length屬性未定義
問題
通過axios得到接口數(shù)據(jù),但發(fā)現(xiàn)該數(shù)據(jù)length屬性在打印的時候undefined。
this.axios.get("/xxx/xxx/xxx/xxxx/process/status?docId=" + this.docId).then((response) => { ? if (response.data.code === 0) { ? ? ?this.docstatus = response.data.data; ? ? ?console.log(this.docstatus.length);
解決
這樣寫就解決了:Object.keys(data).length;
?? ?const length = Object.keys(this.docstatus).length; ? ? console.log(length);
vue2.x中數(shù)組length屬性報錯
Error in render: cannot read property 'length' of undefined
vue2.x中代碼使用length屬性出現(xiàn)的報錯時
//這里是我的代碼 <div class="supports-count" @click="showDetail"> ? ?<span class="count">{{seller.supports.length}}個</span> ? ?<span class="icon-keyboard_arrow_right:before"></span> ? ?</div>
我們的頁面渲染出來了,但是會報一個關(guān)于length屬性的錯誤
圖中可以看到我們的瀏覽器報的錯誤!!Error in render! 這是一個關(guān)于渲染的報錯
那么我們應(yīng)該怎么去解決呢?首先我們分析一下報錯的原因
原因
原因暫時不知道哈哈 但是我知道解決方案
解決方案
在我們?nèi)萜髦械纳弦患壢萜骷尤氪av-if,然后加入要使用Length的這個數(shù)組,這樣的目的就是為了在數(shù)組存在之后再進行渲染!!
<div class="supports-count" @click="showDetail"> <span class="count" v-if="seller.supports">{{seller.supports.length}}個</span> <span class="icon-keyboard_arrow_right:before"></span> </div>
結(jié)果
問題解決!以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于Vue的URL轉(zhuǎn)跳與參數(shù)傳遞方式
這篇文章主要介紹了關(guān)于Vue的URL轉(zhuǎn)跳與參數(shù)傳遞方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-03-03vue.js element-ui tree樹形控件改iview的方法
這篇文章主要介紹了vue.js element-ui tree樹形控件改iview的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-03-03vant IndexBar實現(xiàn)的城市列表的示例代碼
這篇文章主要介紹了vant IndexBar實現(xiàn)的城市列表的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11vue單頁面打包文件大?首次加載慢?nginx帶你飛,從7.5M到1.3M蛻變過程(推薦)
這篇文章主要介紹了vue單頁面打包文件大?首次加載慢?nginx帶你飛,從7.5M到1.3M蛻變過程,需要的朋友可以參考下2018-01-01element-plus中如何實現(xiàn)按需導(dǎo)入與全局導(dǎo)入
本文主要介紹了element-plus中如何實現(xiàn)按需導(dǎo)入與全局導(dǎo)入,文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-11-11解決betterScroll在vue中存在圖片時,出現(xiàn)拉不動的問題
今天小編就為大家分享一篇解決betterScroll在vue中存在圖片時,出現(xiàn)拉不動的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09