vue3表单提交重置

在 Vue3 中，可以使用 `ref` 创建表单数据的响应式引用，然后在表单提交时对其进行重置。具体操作如下：

1. 在 `setup` 中创建表单数据的响应式引用：

   import { ref } from 'vue';
   
   export default {
     setup() {
       const formData = ref({
         name: '',
         age: '',
         gender: '',
         // 其他表单数据...
       });
   
       return {
         formData,
       };
     },
   };

2. 在表单提交时重置表单数据：

   const resetForm = () => {
     formData.value = {
       name: '',
       age: '',
       gender: '',
       // 其他表单数据...
     };
   };
   
   const handleSubmit = (e) => {
     e.preventDefault();
     // 处理表单提交逻辑...
     resetForm();
   };