antd modal.confirm点击确定不关闭弹窗

如果您想在用户点击确认按钮后不关闭弹窗，可以在确认按钮点击回调函数中返回一个Promise对象，并且在Promise resolve时手动关闭弹窗。

示例代码如下：

import { Modal } from 'antd';

Modal.confirm({
  title: '确认删除该条数据吗？',
  okText: '确定',
  cancelText: '取消',
  onOk() {
    // 返回一个Promise对象
    return new Promise((resolve, reject) => {
      // 执行一些异步操作
      setTimeout(() => {
        // 异步操作完成后手动关闭弹窗
        resolve();
      }, 2000);
    }).catch(() => console.log('Oops errors!')); // 捕获Promise reject错误
  },
  onCancel() {
    // 取消操作
  },
});

在上述代码中，我们返回了一个Promise对象，并在Promise resolve时手动关闭弹窗。在实际应用中，您需要根据具体的业务逻辑来编写确认按钮的点击回调函数，并在其中返回相应的Promise对象。

相关问题

this.$Modal.confirm

this.$Modal.confirm是一个前端框架（可能是Vue或者ElementUI等）中的一个方法，用于在用户进行某个操作时弹出一个确认框，以便用户确认是否要执行该操作。根据引用和引用的代码片段来看，this.$Modal.confirm方法接受一个参数作为提示信息，并返回一个Promise对象。当用户点击确认按钮时，Promise对象会被resolve，可以执行相应的操作；当用户点击取消按钮时，Promise对象会被reject，可以执行相应的操作。这个方法通常用于需要用户确认的操作，例如删除操作、重要的设置操作等。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [this.$modal.confirm的使用方法](https://blog.csdn.net/m0_72167535/article/details/128051409)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [antd-vue 弹窗（modal）this.$confirm，不点击确定或取消按钮，关闭弹窗](https://blog.csdn.net/YQxyqX555/article/details/119330439)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

antd this.$confirm

引用中提到了使用this.$confirm方法隐藏按钮的方式，可以在this.$confirm的参数中设置cancelButtonProps.style.display为'none'来隐藏取消按钮。同时，在onOk方法中可以执行相应的操作。这种方式可以隐藏确定和取消按钮。中也提到了在this.$confirm中使用箭头函数来解决this作用域的问题。将onOk方法改为箭头函数后，就可以直接使用this来执行相应操作。中提到了Antd提供的另外一种修改确定和取消按钮的方式。对于确定按钮，可以设置ok-button-props的style.display为'none'来隐藏确定按钮。对于取消按钮，可以设置cancel-button-props的style.display为'none'来隐藏取消按钮。这样就能快速隐藏对应按钮了。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *3* [vue Antd单独隐藏Modal.confirm(this.$confirm方式)对话框的默认ok或cancel按钮](https://blog.csdn.net/zyf971020/article/details/127586645)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
- *2* [【antdv中this.$confirm 里面拿不到this】](https://blog.csdn.net/qq_43506529/article/details/125971438)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
[ .reference_list ]