Promise.all中加上loading
时间: 2023-11-02 11:01:39 浏览: 64
深入理解Promise.all
5星 · 资源好评率100%
在使用Promise.all方法时,如果需要在所有的promise都完成之前显示loading状态,可以通过在Promise.all的参数中添加一个新的promise来实现。该新的promise用于显示loading状态,当所有的promise都完成后,该promise会被resolve,然后可以隐藏loading状态。
代码示例:
```
async function onSubmit() {
// 显示loading状态
showLoading();
// 使用Promise.all,并添加一个新的promise来显示loading状态
const [res, cus, code] = await Promise.all([
getStoken(this.getLoginParams()),
getCustomerId(this.getCusParams()),
this.wrapLogin(),
new Promise((resolve) => setTimeout(resolve, 2000)), // 添加新的promise来显示loading状态,设置一个延迟时间来模拟异步操作
]);
// 隐藏loading状态
hideLoading();
// 其他逻辑代码...
}
// 其他相关代码...
```
阅读全文