[Vue警告]：渲染错误：“ TypeError：无法读取未定义的属性'type'”

Question

我的数组有一个数据。 为什么此错误会在我的控制台中弹出：

  

渲染错误：“ TypeError：无法读取未定义的属性'type'”

方法中的vue代码：

getRoomType(assign_id){
 return this.roomTypeName.find(o => o.room_id === parseInt(assign_id)).type;
},

vue html：

<span>{{ option.value }} ({{(option.assign_id=='no')? 'unassign' : getRoomType(option.assign_id) }})</span>

错误：

Answer 1

我终于解决了我的问题。

解决方案：（在返回值之前检查数组的长度，以确保有要返回的数据。）

getRoomType(assign_id){
    return (this.roomTypeName.length > 0)? this.roomTypeName.find(element => element.room_id === parseInt(assign_id)).type :'error';
},