item 是向后台请求的一条数据,里面包含img,但是却提示img未定义

父组件向子组件传递数据时, 子组件 具体代码:

<img :src="item.img" />

提示:

vue2.XX  提示[Vue warn]: Error in render: "TypeError: Cannot read property 'img' of undefined"

出现的原因: 可能是页面渲染和请求数据是异步操作, 数据还未请求结束,页面已经开始渲染了,所以刚开始报未定义变量, 等数据获取结束后,再次渲染,页面内容出来了,但是刚开始的警告也出来了

解决办法: 

1、 <img :src="item && item.imgUrl" />

2、 在使用item之前先 v-if="item"

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-08-04
  • 2021-05-21
  • 2022-01-16
  • 2022-12-23
  • 2022-12-23
  • 2021-10-04
猜你喜欢
  • 2021-09-06
  • 2021-05-05
  • 2022-12-23
  • 2021-04-27
  • 2021-08-06
  • 2021-07-10
  • 2021-05-26
相关资源
相似解决方案