Vue.js 中如何等待循环结束和 axios 请求完成后再执行数组方法
要在循环结束后执行 axios 请求,并在请求完成后执行数组方法,可以使用 async/await 和 Promise.all 的组合来实现。
首先,将循环部分的逻辑封装成一个 async 函数:
async function loop() {
for (let i = 0; i < array.length; i++) {
// 循环操作
}
}
然后,在 loop 函数中使用 Promise.all 来等待所有 axios 请求完成:
async function loop() {
const promises = array.map(item => axios.get(url)); // 假设使用 axios.get 请求
await Promise.all(promises);
// 数组方法操作
}
最后,在需要调用 loop 函数的地方使用 await 关键字:
async function main() {
await loop();
// 在请求完成后执行的逻辑
}
这样,在循环结束后,axios 请求完成后,才会执行数组方法。
原文地址: https://www.cveoy.top/t/topic/pT6M 著作权归作者所有。请勿转载和采集!