vue中同步請求獲取的數(shù)據(jù)怎么依次顯示在頁面上
vue+elementui,有個(gè)圖片上傳的需求,最多300張,要求同步上傳,用原生js實(shí)現(xiàn)了同步請求,將接口響應(yīng)的圖片地址展示在頁面上,但總是在所有圖片傳完后一次性顯示,由于同步的原因加上最多300張,可能上傳圖片的時(shí)間會很久,這時(shí)頁面中沒有任何顯示,我想要傳完一張顯示一張圖片。顯示圖片是用一個(gè)數(shù)組變量,每次接口響應(yīng)成功后向這個(gè)數(shù)組變量push接口返回的url,在template中循環(huán)此數(shù)組變量顯示圖片。 謝謝各位大佬
2021-02-16
將展示圖片的數(shù)組和 實(shí)際存放 url 的數(shù)組分開,每當(dāng)需要顯示圖片時(shí)直接將 當(dāng)前的 url數(shù)組 總體賦值給用以展示圖片的數(shù)組。
var showPic=[]?????//展示用的數(shù)組
var urlPic=[url1,url2].push(res.url3)? //實(shí)際存儲數(shù)組
const show=()=>{
showPic=[]?
showPic.push(urlPic)
}