vue获取axios post方法返回值
时间: 2023-07-21 15:07:42 浏览: 136
vue中axios处理http发送请求的示例(Post和get)
在 Vue 中调用 Axios 的 post 方法获取返回值的方式如下:
```javascript
axios.post(url, data)
.then(response => {
// 成功时的处理
console.log(response.data)
})
.catch(error => {
// 失败时的处理
console.log(error)
})
```
其中,`response` 参数是 Axios 返回的响应对象,可以通过 `response.data` 获取响应数据。
如果需要在组件内部使用返回值,可以将其保存在组件的数据中,例如:
```javascript
export default {
data() {
return {
result: null
}
},
methods: {
fetchData() {
axios.post(url, data)
.then(response => {
this.result = response.data
})
.catch(error => {
console.log(error)
})
}
}
}
```
这样,在组件的模板中就可以使用 `result` 数据了。
阅读全文