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

报错处代码如下:
<p>{{ goodsData.brand.name }}</p>
报错原因:不确定 goodsData.brand 是否有数据,所以才会报错。
解决方案如下:
- 可选链的语法:?.
<p>{{ goodsData.brand?.name }}</p>
- v-if手动控制渲染时机,保证只有数据存在才渲染
<p v-if="goodsData.brand">{{ goodsData.brand.name }}</p>
以上就是今天写的内容啦,希望和大家一起共同学习,如果有错误希望给我回复喔O(∩_∩)O~
网友评论