Vue 中使用 async/await 等待 axios 请求完成后再执行数组方法
在 Vue 中,可以使用 async/await 来等待 axios 请求完成后再执行数组方法。下面是一个示例代码:
async yourMethod() {
try {
const response = await axios.get('your_api_endpoint');
const data = response.data;
data.forEach((item) => {
// 执行数组方法
});
// 在这里可以继续执行后续操作
} catch (error) {
console.error(error);
}
}
在上面的代码中,使用了 async/await 关键字来定义一个异步函数 yourMethod。在函数中,使用 await 关键字等待 axios 请求完成,并将返回的数据存储在 data 变量中。然后,使用 forEach 方法遍历数组进行操作。
请注意,async/await 只能在支持 Promise 的环境中使用,如果你的项目不能使用 async/await,你可以使用 Promise 的 then 方法链来实现类似的效果。
yourMethod() {
axios.get('your_api_endpoint')
.then(response => {
const data = response.data;
data.forEach((item) => {
// 执行数组方法
});
// 在这里可以继续执行后续操作
})
.catch(error => {
console.error(error);
});
}
通过使用 Promise 的 then 方法链,可以在 axios 请求完成后再执行数组方法。
原文地址: https://www.cveoy.top/t/topic/pT6S 著作权归作者所有。请勿转载和采集!