今天在写项目的时候遇到如下图报错，
屏幕截图 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~
