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