写一段vue用axios向后端发送数据的代码
时间: 2023-08-04 21:13:53 浏览: 114
下面是一个简单的Vue组件,它使用Axios发送数据到后端:
```html
<template>
<div>
<form @submit.prevent="submitForm">
<input type="text" v-model="formData.name" />
<input type="email" v-model="formData.email" />
<button type="submit">提交</button>
</form>
</div>
</template>
<script>
import axios from 'axios';
export default {
data() {
return {
formData: {
name: '',
email: ''
}
};
},
methods: {
submitForm() {
axios.post('/api/submitData', this.formData)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
}
}
};
</script>
```
在上面的代码中,我们使用了Axios的post方法向后端发送数据。我们将表单数据存储在Vue实例的formData对象中,并将其作为Axios请求的第二个参数传递。在成功响应时,我们将响应数据打印到控制台。在发生错误时,我们也将错误打印到控制台。
阅读全文