VUE 调用接口成功后再执行后面的函数方法 这个如何实现
时间: 2024-03-20 21:41:29 浏览: 131
你可以在VUE组件中的方法中使用Promise或者async/await来实现。在调用接口的方法中返回Promise,在接口调用成功后resolve返回值,然后在resolve后面使用.then()方法来调用接口成功后需要执行的函数方法。
举个例子,假设你需要调用/login接口,成功后需要执行refreshToken()方法,你可以这么做:
```javascript
methods: {
login() {
return new Promise((resolve, reject) => {
// 调用/login接口
axios.post('/login', {
username: this.username,
password: this.password
})
.then(response => {
// 登录成功后执行refreshToken()方法
this.refreshToken();
resolve(response);
})
.catch(error => {
reject(error);
});
});
},
refreshToken() {
// 刷新token的代码
}
}
```
在调用login()方法时,可以使用.then()方法来执行接口成功后的函数方法,例如:
```javascript
this.login()
.then(response => {
// 接口调用成功后的处理
})
.catch(error => {
// 接口调用失败后的处理
});
```
这样就可以实现在接口调用成功后再执行后面的函数方法了。当然,这只是一种实现方式,你也可以使用其他的方式实现。
阅读全文