vue for循环中按顺序axios请求拿到每条数据对应的状态
在循环数组的时候基于每个对象中的某个参数来进行数据请求,获取当前对象对应的数据状态
实现方法基于最新的es6中的async await 来实现
首先要把对应的Promise方法进行一个封装
_getReportStatus(item){
return new Promise((resolve, reject) => {
getReportStatus({reportCode:item.reportNo}).then(data => {
if(data.data.code == '0000'){
resolve(data.data.result.taskState);
}
})
});
},
然后利用async 来调取
async getReportStatus(result){
for (let item of result){
item.taskState = await this._getReportStatus(item);
}
app.globalData.caseList = result
wx.navigateTo({
url: "../progressQuery/progressQuery",
});
},
如果循环中需要用到多个请求的话最后可以加一个 Promise.all 来进行数据解析,还有需要注意的async 中使用 await定义的方法,只能用for,那么为什么不能用forEach,map等方法呢,原因很简单那就是 forEach,map等是一个同步方法,真正要实现异步返回就需要用for of .
版权声明:本文为李维亮博主的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:http://www.liweiliang.com/1056.html
评论已关闭