1. 程式人生 > >vue2.XX 提示[Vue warn]: Error in render: "TypeError: Cannot read property 'img' of undefined"

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

再次 bubuko not .com fin 渲染 com 傳遞 fine

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"