在Vue中,可以通过v-model指令来绑定表单输入元素和Vue实例中的数据。
如果要在表单提交后清空表单数据,可以在提交表单的方法中手动将表单数据清空。
<template>
<form @submit.prevent="submitForm">
<input v-model="formData.name" type="text" name="name" placeholder="Name">
<input v-model="formData.email" type="email" name="email" placeholder="Email">
<button type="submit">Submit</button>
</form>
</template>
<script>
export default {
data() {
return {
formData: {
name: '',
email: ''
}
}
},
methods: {
submitForm() {
// 提交表单操作
// 清空表单数据
this.formData.name = ''
this.formData.email = ''
}
}
}
</script>
我们将表单数据绑定到了Vue实例的formData属性中,并在方法submitForm()中手动将formData清空。这样,在每次表单提交后,都会将表单数据清空。