鍍金池/ 問答/HTML5  HTML/ vue中怎么實(shí)現(xiàn)圖片沒加載完成時(shí)顯示loading.gif?

vue中怎么實(shí)現(xiàn)圖片沒加載完成時(shí)顯示loading.gif?

我要做的功能是:當(dāng)圖片沒有加載完成時(shí),顯示loading.gif圖;
我的圖片(九圖)在一個(gè)div1中,圖片地址在數(shù)組imgPath = []中,當(dāng)數(shù)組為空時(shí)div1的v-if="false",當(dāng)這個(gè)這個(gè)數(shù)組不為空時(shí)才創(chuàng)建這個(gè)div1,
我在mounted鉤子函數(shù)中寫了img.onload,但是好像是因?yàn)檫@個(gè)div沒有創(chuàng)建,所以這個(gè)img.onload沒效果,不知道是不是這樣,當(dāng)然我的重點(diǎn)是怎么實(shí)現(xiàn)圖片沒有加載完成時(shí),顯示loading.gif圖

回答
編輯回答
獨(dú)白

當(dāng)數(shù)組imgPath不為空時(shí), 圖片地址默認(rèn)用loading.gif, 等到一個(gè)你認(rèn)為合適的時(shí)機(jī)替換為真實(shí)圖片 demo

2018年5月4日 17:47