vue多个异步请求都执行完之后再执行下一步

最新推荐文章于 2025-04-28 09:53:48 发布

易de

最新推荐文章于 2025-04-28 09:53:48 发布

阅读量2.4k

点赞数

文章标签： vue.js javascript 前端

本文为博主原创，未经博主允许不得转载。如有问题，欢迎指正。

本文链接：https://blog.csdn.net/qq_45021462/article/details/130892169

版权

该文章展示了如何使用Promise.all()并行调用两个接口getData1和getData2。尽管接口请求并行执行，但返回值仍按照调用顺序形成数组。当所有接口成功时，返回一个包含每个接口响应的数组，如果任何一个接口失败，Promise.all()会捕获错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

getData1() {
    return new Promise((resolve, reject) => {
        request1(requestParams).then((res) => {//接口1
          xxx
          resolve(res);
        }).catch(e =>{
          reject(e)
        })
    });
},
getData2() {
    return new Promise((resolve, reject) => {
        request2(requestParams).then((res) => {//接口2
          xxx
          resolve(res);
        }).catch(e =>{
          reject(e)
        })
    });
},
getData() {
    this.addLoading()//开始loading
    Promise.all([
      this.getData1(),
      this.getData2()
      ]).then(res => {
        console.log(res);
    })
}