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

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

鲜花牛奶

2021-01-07

源自：vue2.5入门 2-3

关注问题我要回答

600

操作

收起

1 回答

无名勇者
2021-02-16

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

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

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

const show=()=>{

showPic=[]

showPic.push(urlPic)

}

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

参与学习 146813 人
解答问题 657 个

快速理解Vue编程理念上手Vue2.0开发。

本课相似问答

1 回答怎样在小组件中获取list的大小

1 回答vue 安装依赖失败怎么办

1 回答.vue显示样式

1 回答vue添加上双向数据绑定就报错

2 回答登录时候页面的时候怎么用vue与getJSON使用

搜索更多本课相关问答

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

我要回答关注问题

意见反馈帮助中心 APP下载