小程序报错 Cannot read property '0' of undefined

1、最近写的一个小程序出现了一个问题。具体如下：

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、问题解决

4、如遇类似问题，参考解决方案如下：
①、在模板的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>

②、可能在data中声明了两个相同的属性，导致冲突，或者写错某个单词导致没有数据

③、判断是否存在
<div v-if="poiInfo2.discounts2"><img :src="poiInfo2.discounts2[0].icon_url" >{{poiInfo2.discounts2[0].info}} </div>