vue3.2 antdvue3 Form和modal一起使用 resetFields为什么无效

可能是因为 resetFields 方法默认只会重置被绑定的表单域，而 modal 中的表单域没有被直接绑定到 Form 上，所以 resetFields 方法无法重置它们。

可以尝试在 modal 的关闭事件中手动调用 resetFields 方法，例如：

<template>
  <div>
    <a-button @click="showModal">打开 Modal</a-button>
    <a-modal v-model:visible="visible" @cancel="handleCancel" @ok="handleOk">
      <a-form :form="form">
        <a-form-item label="姓名" name="name">
          <a-input v-model:value="form.name" />
        </a-form-item>
        <a-form-item label="年龄" name="age">
          <a-input-number v-model:value="form.age" />
        </a-form-item>
      </a-form>
    </a-modal>
  </div>
</template>

<script>
import { defineComponent } from 'vue';
import { Modal, Form, Input, InputNumber } from 'ant-design-vue';

export default defineComponent({
  components: {
    'a-modal': Modal,
    'a-form': Form,
    'a-input': Input,
    'a-input-number': InputNumber,
  },
  data() {
    return {
      visible: false,
      form: {},
    };
  },
  methods: {
    showModal() {
      this.visible = true;
    },
    handleCancel() {
      this.visible = false;
    },
    handleOk() {
      this.$refs.form.validate((valid) => {
        if (valid) {
          // 提交表单
          this.visible = false;
        }
      });
    },
    resetForm() {
      this.$refs.form.resetFields();
    },
  },
  watch: {
    visible(visible) {
      if (!visible) {
        this.resetForm();
      }
    },
  },
});
</script>

在上面的代码中，当 modal 关闭时会调用 `resetForm` 方法手动重置表单域。另外，为了获取 Form 实例，还需要给 Form 组件添加一个 ref 属性，例如 `ref="form"`。