antdv4 model和form一起使用时，当关闭model时，form的数据不会重置

当使用antdv4的Modal和Form组件一起使用时，关闭Modal时，默认情况下Form的数据不会自动重置。你需要在Modal关闭时手动调用Form的resetFields方法来重置表单数据。

下面是一种实现方式：

1. 在表单组件中引入Modal和Form组件：

import { Modal, Form, Button } from 'ant-design-vue';

2. 定义一个变量来控制Modal的显示和隐藏：

export default {
  data() {
    return {
      visible: false,
    };
  },
};

3. 在template中使用Modal和Form组件：

<template>
  <div>
    <a-button type="primary" @click="showModal">打开Modal</a-button>
    <a-modal v-model="visible" @cancel="handleCancel">
      <a-form :form="form">
        <!-- 表单内容 -->
        ...
      </a-form>
    </a-modal>
  </div>
</template>

4. 在data中定义form对象，并在created生命周期钩子函数中初始化form对象：

export default {
  data() {
    return {
      visible: false,
      form: this.$form.createForm(this),
    };
  },
  created() {
    this.form.resetFields();
  },
};

5. 实现showModal和handleCancel方法：

export default {
  methods: {
    showModal() {
      this.visible = true;
    },
    handleCancel() {
      this.visible = false;
      this.form.resetFields(); // 关闭Modal时重置表单数据
    },
  },
};

这样，当关闭Modal时，Form的数据会被重置。

希望对你有所帮助！如果还有其他问题，请继续提问。