vue在取對象長度length時候出現undefined的解決

Posted on by

取對象長度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>

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：