前端实现多次调用同一个接口,所有数据均成功返回后,才可继续执行下面的代码
-
封装请求数据方法
getData(param) { return new Promise((resolve, reject) => { this.$axios .get(`/xx/xx/xxpath/${param}`) .then(res => { let content = res.data resolve(content) }) }) }
-
收集所有请求结果
let promiseList = [] list.forEach(item => { promiseList.push(this.getPhotoData(item)) }) Promise.all(promiseList).then(value => { console.log(value) //...下一步其他操作 })