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

可能是因为resetFields方法需要在formRef.current.resetFields()之后调用。同时，需要确保formRef和modalRef都已经被正确地绑定。

以下是一个示例代码：

<template>
  <div>
    <a-button @click="showModal">Open Modal</a-button>
    <a-modal :visible="visible" @cancel="handleCancel" @ok="handleOk">
      <a-form :form="form" ref="formRef">
        <a-form-item label="Username" name="username">
          <a-input v-model="form.username" />
        </a-form-item>
        <a-form-item label="Password" name="password">
          <a-input-password v-model="form.password" />
        </a-form-item>
      </a-form>
    </a-modal>
  </div>
</template>

<script>
import { ref } from "vue";
import { Modal, Button, Form, Input, InputPassword } from "ant-design-vue";

export default {
  components: {
    Modal,
    Button,
    Form,
    FormItem: Form.Item,
    Input,
    InputPassword,
  },
  setup() {
    const form = ref(null);
    const formRef = ref(null);
    const modalRef = ref(null);
    const visible = ref(false);

    const showModal = () => {
      visible.value = true;
    };

    const handleOk = () => {
      formRef.value.resetFields();
      modalRef.value.visible = false;
    };

    const handleCancel = () => {
      formRef.value.resetFields();
      modalRef.value.visible = false;
    };

    return {
      form,
      formRef,
      modalRef,
      visible,
      showModal,
      handleOk,
      handleCancel,
    };
  },
};
</script>

在上面的代码中，我们首先定义了一个formRef和modalRef，然后在模态框中绑定了formRef和modalRef。在handleOk和handleCancel方法中，我们使用formRef.value.resetFields()来清空表单数据。同时，我们使用modalRef.value.visible来关闭模态框。注意，这些方法都需要在formRef.current.resetFields()之后调用，以确保正确地重置表单数据。