antd Modal组件 如何监听右上角变化 与 下面的取消按钮做区分

在Ant Design的Modal组件中，如果你想监听右上角的变化（通常指的是确认/关闭操作）并区分子弹框内的取消按钮，你可以利用`$confirm`提供的自定义回调功能来实现。下面是一个简单的示例：

import { confirm } from 'ant-design-vue';

const handleConfirm = (action) => {
  if (action === 'cancel') {
    console.log('点击了取消按钮');
  } else {
    console.log('点击了确认或关闭按钮');
  }
};

confirm({
  title: '提示',
  content: '这是一个弹窗',
  onOk: () => {
    handleConfirm('ok'); // 点击确认时触发
  },
  onCancel: () => {
    handleConfirm('cancel'); // 点击取消时触发
  },
  destroyOnClose: true, // 关闭时销毁组件
});

在这个例子中，`onOk`对应于确认按钮，`onCancel`对应于取消按钮。当你点击右上角的关闭按钮时，`handleConfirm`会接收到`destroyOnClose`属性对应的默认行为，即关闭弹窗。所以可以根据`action`参数来区分不同的操作。