vue在取對象長度length時候出現undefined的解決
更新時間:2022年06月02日 15:00:31 作者:圓內~擱淺
這篇文章主要介紹了vue在取對象長度length時候出現undefined的解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
取對象長度length時候出現undefined
代碼
data為一個對象
var key=Object.keys(datas) var value=Object.values(datas)
使用Object.keys轉化一下,
再取長度
var keyslength=key.length
就能順利出對象長度啦!??!
vue2.0踩坑實況- length undefined??
在最近的一個vue案例里出現了這個問題。
后臺通過mock數據傳遞seller.support的數組數據,想通過計算length來顯示個數。
<div class="supports-count"> <span class="count">{{seller.supports.length}}個</span> <i class="icon-keyboard_arrow_right"></i> </div>
雖然界面可以顯示length數據,但是控制臺肥腸傲嬌一直報錯。大概是說找不到一個undefined的length
你丫這不是找到了么0.0
花了點時間研究下官方文檔才知道,vue的數據綁定在剛開始只是和內存建立聯系,并沒有真正的和后臺的數據掛上鉤,所以一開始的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>
以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
解決iview table組件里的 固定列 表格不自適應的問題
這篇文章主要介紹了解決iview table組件里的 固定列 表格不自適應的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11