问答详情
源自:2-3 Vue实例中的数据,事件和方法

vue中同步请求获取的数据怎么依次显示在页面上

vue+elementui,有个图片上传的需求,最多300张,要求同步上传,用原生js实现了同步请求,将接口响应的图片地址展示在页面上,但总是在所有图片传完后一次性显示,由于同步的原因加上最多300张,可能上传图片的时间会很久,这时页面中没有任何显示,我想要传完一张显示一张图片。显示图片是用一个数组变量,每次接口响应成功后向这个数组变量push接口返回的url,在template中循环此数组变量显示图片。 谢谢各位大佬

提问者:鲜花牛奶 2021-01-07 16:34

个回答

  • 无名勇者
    2021-02-16 16:47:37

    将展示图片的数组和 实际存放 url 的数组分开,每当需要显示图片时直接将 当前的 url数组 总体赋值给用以展示图片的数组。

    var showPic=[]     //展示用的数组

    var urlPic=[url1,url2].push(res.url3)  //实际存储数组

    const show=()=>{

    showPic=[] 

    showPic.push(urlPic)

    }