vue报错'length' of undefined"(如果报n

通常有两种情况：
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
或者: form.checkVal !== null && 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 && res.Data.length == 1){       this.tableData1 = res.Data[0];   } 

</article>

• image

  点赞5

• [ image

  评论3](https://blog.csdn.net/qq_30671099/article/details/82792270#commentBox)

• [ image

  ](javascript:;)