[Vue warn]: Error in render: "TypeError: Cannot read property 'type' of undefined"

Question

My array has a data. Why did this error pop up in my console:

Error in render: "TypeError: Cannot read property 'type' of undefined"

vue code inside method:

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>

error:

Answer 1

I finally solved my problem.

Solution:( check the length of the array before returning value, to ensure that there is data to be returned. )

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