vue promise.all 的使用
时间: 2023-11-16 11:56:33 浏览: 133
vue中promise的使用及异步请求数据的方法
在Vue中,当两个异步请求需要同时完成一个功能时,可以使用Promise.all函数。Promise.all函数会将多个Promise实例包装成一个新的Promise实例,当所有的Promise实例都成功时,返回的Promise实例才会成功,否则返回的Promise实例会失败。使用Promise.all函数可以使代码更加简洁易懂,利于维护。
下面是一个使用Promise.all函数的示例代码:
```
Promise.all([
new Promise((resolve, reject) => {
const result = 1000;
resolve(result);
}),
new Promise((resolve, reject) => {
const result = 2000;
resolve(result);
})
]).then(result => {
console.log(result[0]);
console.log(result[1]);
});
```
在上面的代码中,我们创建了两个Promise实例,分别返回了1000和2000。然后使用Promise.all函数将这两个Promise实例包装成一个新的Promise实例,并在.then()方法中获取返回的结果。
阅读全文