vue3清空表单方法

在Vue3中，清空表单通常有两种常见方法：

1. **使用ref或reactive**：
如果你使用的是Vue的ref或reactive来管理表单数据，可以通过直接设置ref的值为初始状态来清空表单。例如，如果你有一个名为`form`的ref：

   const form = ref({ name: '', email: '' }); // 假设这是一个表单对象
   form.value = {}; // 清空表单

2. **使用v-model和v-model.lazy**：
对于使用v-model双向绑定的数据，可以直接将绑定的值设为null或undefined来达到清空的效果，如果使用了`v-model.lazy`，则需要调用对应的`$emit('input', null)`：

   <input v-model="form.name" />
   <script>
     data() {
       return { form: { name: '' } };
     },
     methods: {
       resetForm() {
         this.form.name = '';
         // 或者如果是lazy：
         this.$emit('input', '');
       }
     }
   </script>

3. **使用自定义表单验证库（如VeeValidate、Ant Design Vue等）**：
如果你在项目中使用了第三方表单验证库，它们通常会有提供清空表单的方法，根据库的具体文档来调用即可。

记得在实际操作时，根据你的组件结构和数据绑定策略选择合适的方式。