vue报错TypeError: Cannot read properties of undefined (reading 'name')

今天在写项目的时候遇到如下图报错，

屏幕截图 bug.png

报错处代码如下：

<p>{{ goodsData.brand.name }}</p>

报错原因：不确定 goodsData.brand 是否有数据，所以才会报错。

解决方案如下：

方案 1. 可选链的语法：?.

<p>{{ goodsData.brand?.name }}</p>

方案 2. v-if手动控制渲染时机，保证只有数据存在才渲染

<p v-if="goodsData.brand">{{ goodsData.brand.name }}</p>

以上就是今天写的内容啦，希望和大家一起共同学习，如果有错误希望给我回复喔O(∩_∩)O~

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容