解決 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)”

可能是沒定義到該屬性

也有可能是后端返回給你的數據沒有這個屬性或為null  

此時寫*{{ item.xxx || “” }}*會報錯

解決辦法

1、先判斷是否有值，然后再進行渲染

<div v-if="!!item.goods">{{ item.invite.nickname }}</div> 
<div v-else>{{ "" }}</div> //沒有返回 或者 null 直接填 “”

2、有這個屬性才顯示

<div v-if="item?.goods">{{ item.invite.nickname }}</div>
<div v-else>{{ "" }}</div> //沒有返回 或者 null 直接填 “”

//沒有返回 或者 null 直接填 “”
``