码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-11-01 19:49:01      阅读:2418      评论:0      收藏:0      [点我收藏+]

标签:nbsp   vue   技术分享   com   pre   err   amp   ann   2.x   

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

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

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

提示:

技术分享图片

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

解决办法: 

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

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

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

标签:nbsp   vue   技术分享   com   pre   err   amp   ann   2.x   

原文地址:https://www.cnblogs.com/sllzhj/p/9891177.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有 京ICP备13008772号-2
迷上了代码!