vue3怎么等待axios获取数据成功后在发送另一个请求?
时间: 2024-02-09 11:12:15 浏览: 194
vue利用axios来完成数据的交互
5星 · 资源好评率100%
可以使用async/await和Promise.all()来实现等待axios获取数据成功后再发送另一个请求。
1. 使用async/await
```javascript
async function getData() {
try {
const response1 = await axios.get('url1');
const response2 = await axios.get('url2');
console.log(response1.data);
console.log(response2.data);
} catch (error) {
console.error(error);
}
}
```
2. 使用Promise.all()
```javascript
async function getData() {
try {
const [response1, response2] = await Promise.all([
axios.get('url1'),
axios.get('url2')
]);
console.log(response1.data);
console.log(response2.data);
} catch (error) {
console.error(error);
}
}
```
以上两种方法都可以等待多个axios请求完成后再进行下一步操作。其中,使用Promise.all()可以同时发起多个请求,提高请求效率。
阅读全文