vue报错TypeError: Cannot read prop

---

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

屏幕截图 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~