前后端分离(VUE+SPRINGBOOT)十一 VUE中axios异步请求同步的问题

在vue项目里面,需要循环发送ajax请求,

出现的问题就是循环结束,第一次服务器可能还没返回,

比如,你做批量删除,你本来的业务代码是

先遍历循环删除记录,在tolist(),加载数据,

这时你可能发现,你本来想删除5条记录,而页面显示只删除了3条

这是因为,axios是异步请求,并不会等你删除完以后才会调tolist

这个时候,我们就可以用Promise.all,相当于前面请求都做完之后

调用,具体代码如下

deleteBusStops(){
  let requestList = [];
  if(this.multipleSelection){
    this.multipleSelection.forEach(selectedItem => {
      // 删除请求
      requestList.push(this.deleteBusStop(selectedItem.id))
    })
  }
  //同步请求
  Promise.all(requestList)
    .then((responseList)=>{
      this.getList();
    })
},

猜你喜欢

转载自blog.csdn.net/shrek11/article/details/83537213