vue中同步请求获取的数据怎么依次显示在页面上
来源：2-3 Vue实例中的数据,事件和方法
鲜花牛奶
2021-01-07 16:34
vue+elementui,有个图片上传的需求，最多300张，要求同步上传，用原生js实现了同步请求，将接口响应的图片地址展示在页面上，但总是在所有图片传完后一次性显示，由于同步的原因加上最多300张，可能上传图片的时间会很久，这时页面中没有任何显示，我想要传完一张显示一张图片。显示图片是用一个数组变量，每次接口响应成功后向这个数组变量push接口返回的url，在template中循环此数组变量显示图片。 谢谢各位大佬
写回答
关注
1回答
-
- 无名勇者
- 2021-02-16 16:47:37
将展示图片的数组和 实际存放 url 的数组分开，每当需要显示图片时直接将 当前的 url数组 总体赋值给用以展示图片的数组。
var showPic=[] //展示用的数组
var urlPic=[url1,url2].push(res.url3) //实际存储数组
const show=()=>{
showPic=[]
showPic.push(urlPic)
}
vue2.5入门
快速理解Vue编程理念上手Vue2.0开发。
147100 学习 · 657 问题
相似问题