vue在取對象長度length時候出現(xiàn)undefined的解決
更新時間：2022年06月02日 15:00:31 作者：圓內~擱淺
這篇文章主要介紹了vue在取對象長度length時候出現(xiàn)undefined的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
取對象長度length時候出現(xiàn)undefined
代碼
data為一個對象
var key=Object.keys(datas) var value=Object.values(datas)
使用Object.keys轉化一下,
再取長度
var keyslength=key.length
就能順利出對象長度啦?。?！
vue2.0踩坑實況- length undefined??
在最近的一個vue案例里出現(xiàn)了這個問題。
后臺通過mock數(shù)據(jù)傳遞seller.support的數(shù)組數(shù)據(jù)，想通過計算length來顯示個數(shù)。
<div class="supports-count">
<span class="count">{{seller.supports.length}}個</span>
<i class="icon-keyboard_arrow_right"></i>
</div>雖然界面可以顯示length數(shù)據(jù)，但是控制臺肥腸傲嬌一直報錯。大概是說找不到一個undefined的length
你丫這不是找到了么0.0
花了點時間研究下官方文檔才知道，vue的數(shù)據(jù)綁定在剛開始只是和內存建立聯(lián)系，并沒有真正的和后臺的數(shù)據(jù)掛上鉤，所以一開始的seller.supports只是一個空值，必須在之前加上v-if，確保有值以后再開始計算length
<div class="supports-count" v-if="seller.supports">
<span class="count">{{seller.supports.length}}個</span>
<i class="icon-keyboard_arrow_right"></i>
</div>以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue訪問未定義的路由時重定向404問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了Vue.js 中的條件渲染指令，Vue.js 中的條件渲染指令可以根據(jù)表達式的值，來決定在 DOM 中是渲染還是銷毀元素或組件。本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2018-11-11
vue中的$emit 與$on父子組件與兄弟組件的之間通信方式
本文主要對vue 用$emit 與 $on 來進行組件之間的數(shù)據(jù)傳輸。重點給大家介紹vue中的$emit 與$on父子組件與兄弟組件的之間通信方式，感興趣的朋友一起看看2018-05-05
這篇文章主要給大家介紹了關于Vue全局變量的定義及使用的相關資料,定義完全局變量后,我們可以在程序中的任何地方使用它們,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-09-09
組件（Component）是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素，封裝可重用的代碼。接下來通過本文給大家介紹Vuejs第十二篇之動態(tài)組件，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-09-09
這篇文章主要介紹了vue之bus總線簡單使用講解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內容,需要的朋友可以參考下2021-09-09
ElementUI+命名視圖實現(xiàn)復雜頂部和左側導航欄
本文主要介紹了ElementUI+命名視圖實現(xiàn)復雜頂部和左側導航欄，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-04-04
vue 解決uglifyjs-webpack-plugin打包出現(xiàn)報錯的問題
這篇文章主要介紹了vue 解決uglifyjs-webpack-plugin打包出現(xiàn)報錯的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
vue基于vant實現(xiàn)上拉加載下拉刷新的示例代碼
普遍存在于各種app中的上拉加載下拉刷新功能，本文主要介紹了vue基于vant實現(xiàn)上拉加載下拉刷新，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
一個優(yōu)雅展示樹形結構數(shù)據(jù)的 Vue 組件,遞歸渲染每個節(jié)點及其子節(jié)點,支持自定義顏色、文本和布局,通過獨特的樣式巧妙處理不同層級,為用戶打造豐富的視覺盛宴,文中通過代碼給大家介紹的非常詳細,感興趣的同學可以自己動手嘗試一下2024-02-02