Vue中等待两个异步请求完成解决方式记录

2023-12-28 16:58:04

在Vue中等待两个异步请求完成可以使用Promise.all()函数。Promise.all()接收一个包含多个Promise对象的数组,并返回一个新的Promise对象,该对象在数组中所有的Promise对象都完成后才会被解决。以下是一个示例:

// 异步请求1
const promise1 = axios.get('/api/data1');
// 异步请求2
const promise2 = axios.get('/api/data2');

// 等待两个异步请求完成
Promise.all([promise1, promise2]).then(([response1, response2]) => {
  // 在这里处理两个请求的响应数据
}).catch(error => {
  // 处理错误
});

在上面的示例中,我们首先定义了两个异步请求promise1和promise2,然后将它们作为参数传递给Promise.all()函数。在.then()回调函数中,我们可以访问两个请求的响应数据response1和response2,并进行相应的处理。如果任何一个请求失败,.catch()回调函数就会被调用来处理错误。

文章来源:https://blog.csdn.net/NN2016160626/article/details/135271603
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。