vue報錯Error in render: "TypeError: Cannot read property '0' of undefined"


通常有兩種情況:

1、在模板的html標簽上使用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是無數據為undefined的,所以找不到 res.Data.length。

解決辦法:在加一層判斷,首先保證res.Data存在不為null或undefined改為,如下

if(res.Data){
if(res.Data.length == 1){
this.tableData1 = res.Data[0];
}

 

3.可能在data中聲明了兩個相同的屬性,導致沖突,或者寫錯某個單詞導致沒有數據

4.判斷是否存在

<div v-if="poiInfo2.discounts2"><img :src="poiInfo2.discounts2[0].icon_url" >{{poiInfo2.discounts2[0].info}} </div>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM