解决 “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 直接填 “”
``

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐