vue如何循环请求一个接口
作者：迷彩湃
这篇文章主要介绍了vue如何循环请求一个接口问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue循环请求一个接口
最近在做一个项目时需要批量生成某些数据，这里就用到了循环请求一个接口，也是第一次使用这种方式。
可以利用 forEach 循环进行请求一个接口。
是根据时间段去批量生成的。
packageSubmit(){
const than=this
than.timeSection.forEach((item,index)=>{ //循环请求的数据
console.log(item)
than.packageDatil.forEach((item2,i)=>{ // 循环请求的数据
allSubmit({stationid:this.stationid,packageid:this.fromData.package, //接口携带上参数 这里最好利用计算属性处理一下，不然显得很长
PlanDate:item,PlanTimeStart:item2.plantime,PlanTimeend: item2.timespan+item2.plantime-0,PlanNum: item2.plannum}).then(res=>{
console.log(res)
if(res.data.success==1){
Toast('处理成功~')
setTimeout(() => {
// this.$router.push({name:'schedul_set'})
}, 0);
}else if(res.data.success==0){
Toast(res.data.msg)
}
}).catch(err=>{
console.log('处理失败')
})
})
vue循环请求同一个接口，等接口返回数据之后在进行下次循环
async 方法名() {
for (let i = 0; i < this.mlList.length; i++) {
for (let j = 0; j < this.mlList[i].child.length; j++) {
const res = await postapplicationJson(
{
id: this.$route.params.id,
catalogID: value,
parentID: this.mlList[i].id,
childID: this.mlList[i].child[j].id
},
'/goods/across/syncCatalogAndGoods'
)
if (res.code == 1001) {
this.loading = false
this.$set(this.mlList[i].child[j], 'msg', '克隆成功')
} else {
this.$set(this.mlList[i].child[j], 'msg', res.msg)
this.loading = false
}
}
}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。