【Ant Design of Vue】Modal.confirm无法关闭的bug

Modal.confirm 是 Ant Design Vue 中的一个方法，用于展示确认对话框。如果你遇到了 Modal.confirm 无法关闭的问题，可能是由于以下原因：

1. 使用了非正确的方式关闭对话框。
2. 存在异步操作导致的状态未同步。
3. 对话框的状态被外部状态管理所控制。

解决方法：

1. 确保你是通过 Modal.confirm 返回的实例方法来关闭对话框，例如：

const modal = Modal.confirm({
  title: '确认操作',
  content: '确认执行这个操作吗？',
  okText: '确认',
  cancelText: '取消',
});
 
// 关闭对话框
modal.destroy();

2. 如果有异步操作，确保关闭对话框的代码在异步操作后执行：

Modal.confirm({
  title: '确认操作',
  content: '确认执行这个操作吗？',
  async onOk() {
    // 异步操作
    const result = await someAsyncFunction();
    // 根据异步结果决定是否关闭对话框
    if (result) {
      modal.destroy();
    }
  },
  onCancel() {
    console.log('取消操作');
    // 可以直接关闭对话框
    modal.destroy();
  },
});

3. 如果使用了 Vuex 或其他状态管理库，确保对话框的显示状态是由 Modal.confirm 内部管理，而不是外部状态控制的：

// 确保状态不是由外部控制
const visible = ref(true);
 
Modal.confirm({
  title: '确认操作',
  content: '确认执行这个操作吗？',
  visible,
  onOk() {
    // 执行操作
    // ...
    // 关闭对话框
    visible.value = false;
  },
  onCancel() {
    // 取消操作
    // ...
    visible.value = false;
  },
});

如果以上方法都不能解决问题，可能需要检查 Ant Design Vue 的版本是否最新，或者查看官方文档是否有相关的bug修复信息，或者在社区中搜索是否有其他开发者遇到并解决了类似的问题。如果问题依然存在，可以考虑向 Ant Design Vue 的开发者或社区求助。