第二種情況較多K唷!K萜E扒铩!@佟?透!
通常有兩種情況:
1肢簿、在模板的html標(biāo)簽上使用length報錯
vue 中使用 length判斷的時候靶剑,有時會報錯,如下:
<div class="item_list" v-if="form.checkVal.length > 0" >列表1</div>
<div class="item_list" v-else >列表2</div>
解決方法:
改成: form.checkVal !== undefined && form.checkVal.length > 0
<div class="item_list" v-if="form.checkVal !== undefind && form.checkVal.length > 0" >列表1</div>
<div class="item_list" v-else >列表2</div>
2池充、在js中使用length報錯桩引,如下
if(res.Data.length == 1){
this.tableData1 = res.Data[0];
}
報錯原因:此時res.Data是無數(shù)據(jù)為undefined的,所以找不到 res.Data.length收夸。
解決辦法:在加一層判斷坑匠,首先保證res.Data存在不為null或undefined改為,如下
if(res.Data){
if(res.Data.length == 1){
this.tableData1 = res.Data[0];
}
3.可能在data中聲明了兩個相同的屬性卧惜,導(dǎo)致沖突笛辟,或者寫錯某個單詞導(dǎo)致沒有數(shù)據(jù)
4.判斷是否存在
<div v-if="poiInfo2.discounts2"><img :src="poiInfo2.discounts2[0].icon_url" >{{poiInfo2.discounts2[0].info}} </div>