美文网首页
vue报错TypeError: Cannot read prop

vue报错TypeError: Cannot read prop

作者: Goorln | 来源:发表于2023-09-25 19:32 被阅读0次

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

屏幕截图 bug.png

报错处代码如下:

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

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

解决方案如下:
  1. 可选链的语法:?.
<p>{{ goodsData.brand?.name }}</p>
  1. v-if手动控制渲染时机,保证只有数据存在才渲染
<p v-if="goodsData.brand">{{ goodsData.brand.name }}</p>

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

相关文章

网友评论

      本文标题:vue报错TypeError: Cannot read prop

      本文链接:https://www.haomeiwen.com/subject/ujjcbdtx.html