用VUE表单submit提交后清空表单数据

在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清空。这样，在每次表单提交后，都会将表单数据清空。