Javascript [Vue warn]：渲染时出错：“Vue warn”；TypeError:无法读取属性'；类型'；“未定义”的定义；

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

呈现中出错：“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>

{{option.value}}（{{（option.assign\u id='no'）？'unassign'：getRoomType（option.assign\u id）}）

---

错误：

我终于解决了我的问题

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

---

如果find未能找到，该怎么办预翻转nothing或返回带有提示的错误，就像我做的一样，这给了你一个想法。如果

，你的代码会抛出一个错误。find

什么也找不到，因为

undefined

没有属性

type

-换句话说，这并没有解决所有添加错误消息文本的问题。嵌入图像。欢迎使用SO。以后，请将错误消息的文本添加到帖子的正文中。如果用户在尝试对代码进行故障排除时希望对邮件进行谷歌搜索，那么复制/粘贴会更容易。添加一个图像也可以，如果你认为它会有帮助的话，作为一个补充。但通常情况下，这是不必要的。无论是扭曲，总是键入错误消息和代码作为文本，到您的文章正文。此外，搜索SO或Google并在引号中显示错误消息通常会引导您找到解决方案。例如：`js“TypeError:无法读取未定义的属性”`

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