帮我写一个提交表单数据打印到控制台vue
时间: 2023-04-09 07:03:39 浏览: 92
好的,这个问题我可以回答。你可以使用Vue.js的axios库来提交表单数据,然后在控制台打印出来。具体的代码实现可以参考以下示例:
```
<template>
<div>
<form @submit.prevent="submitForm">
<label for="name">Name:</label>
<input type="text" id="name" v-model="name">
<br>
<label for="email">Email:</label>
<input type="email" id="email" v-model="email">
<br>
<button type="submit">Submit</button>
</form>
</div>
</template>
<script>
import axios from 'axios';
export default {
data() {
return {
name: '',
email: ''
}
},
methods: {
submitForm() {
axios.post('/api/submit-form', {
name: this.name,
email: this.email
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
}
}
}
</script>
```
在这个示例中,我们使用了Vue.js的模板语法来创建一个表单,然后在submitForm方法中使用axios库来提交表单数据。当提交成功后,我们将服务器返回的数据打印到控制台中。