vue 刷新form数据

在Vue中刷新表单数据有多种方法，下面是一种常见的方式：

1. 首先，在Vue组件的data属性中定义一个表单数据对象。例如：

data() {
  return {
    formData: {
      name: '',
      age: '',
      email: ''
    }
  }
}

2. 在表单中使用`v-model`指令绑定表单输入元素到上述定义的数据对象，使得输入元素与数据对象之间建立双向绑定关系。例如：

<form>
  <input type="text" v-model="formData.name">
  <input type="text" v-model="formData.age">
  <input type="email" v-model="formData.email">
</form>

3. 当需要刷新表单数据时，可以通过重置data中的formData对象来实现。例如，可以在Vue方法中定义一个`resetForm`方法来将formData对象重新设置为空对象。例如：

methods: {
  resetForm() {
    this.formData = {
      name: '',
      age: '',
      email: ''
    }
  }
}

4. 使用重置表单数据的方法可以在需要的时候通过调用`resetForm`方法来执行，例如可以通过点击一个按钮来执行该方法。例如：

<button @click="resetForm">重置表单</button>

这样，当点击重置按钮时，Vue会重新设置formData对象为空对象，从而刷新表单的数据。