antdv4 关闭model怎么清除model的内容

在 ant-design-vue 4 中，关闭 Modal（模态框）时清除 Modal 的内容可以通过以下几种方式实现：

1. 使用 `destroyOnClose` 属性：

<template>
  <Modal v-model:visible="visible" destroyOnClose>
    <!-- 模态框内容 -->
  </Modal>
</template>

<script>
export default {
  data() {
    return {
      visible: false
    };
  }
};
</script>

通过将 `destroyOnClose` 属性设置为 `true`，当关闭 Modal 时，组件实例将被销毁，包括其中的内容。下次打开 Modal 时会重新创建一个新的实例和内容。

2. 使用 `before-close` 事件：

<template>
  <Modal v-model:visible="visible" @before-close="handleBeforeClose">
    <!-- 模态框内容 -->
  </Modal>
</template>

<script>
export default {
  data() {
    return {
      visible: false
    };
  },
  methods: {
    handleBeforeClose(done) {
      // 清除 Modal 的内容
      // ...
      
      // 调用 done() 方法关闭 Modal
      done();
    }
  }
};
</script>

通过在 Modal 上监听 `before-close` 事件，在事件回调函数中清除 Modal 的内容。然后通过调用 `done()` 方法关闭 Modal。

这两种方式都可以在关闭 Modal 时清除 Modal 的内容。根据你的实际需求和场景选择适合的方式即可。