vue同时请求多个接口，请求完成后在处理下一个方法（Promise.all用法）

前端小芬芬

已于 2024-08-29 14:53:45 修改

阅读量577

点赞数 2

分类专栏： js 文章标签： javascript 前端 vue.js

于 2024-08-29 14:51:19 首次发布

本文链接：https://blog.csdn.net/yf18040578780/article/details/141678595

版权

js 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

Promise.all([getData1(), getData2(), getData3()])
  .then((res) => {
    console.log(res); // 输出: [data1, data2, data3]
  })
  .catch((error) => {
    console.error(error);
});

或者
Promise.all([getData1(), getData2(), getData3()])
  .then(([data1, data2, data3]) => {
    console.log(res); 
  })
  .catch((error) => {
    console.error(error);
});

getData1()、getData2() 和 getData3() 这三个函数会在 Promise.all() 被调用时立即执行，它们之间是异步操作是并行的。
注意：Promise.all获得的成功结果的数组里面的数据顺序和 Promise.all 接收到的数组顺序是一致的。