Modal.confirm 点击onOk时如何让弹窗不关闭
时间: 2024-09-29 12:14:57 浏览: 53
小程序-弹窗-Modal.rar
`Modal.confirm`通常是指在一个模态框(如在某些前端框架如Ant Design、Vux等中常见的确认对话框)中,用户点击"确定"按钮(onOk)时的行为。如果你想要在这个确认对话框点击onOk时不自动关闭,你可以通过监听这个事件并阻止其默认行为,然后手动处理你需要的操作。
以下是一个简单的示例:
```javascript
import { Modal } from 'antd';
// ...
Modal.confirm({
title: '确认操作',
content: '这将会是一个重要的决策,确定继续吗?',
onOk() {
// 阻止默认关闭行为
event.preventDefault();
// 自定义操作,例如异步处理或者显示新的提示信息
// ...
console.log('操作已确认,但窗口未关闭');
},
onCancel() {
console.log('取消了操作');
},
});
```
在这里,我们通过`event.preventDefault()`阻止了onOk函数的默认关闭行为,这样对话框就不会自动消失。你可以在这里添加额外的逻辑,比如执行某个操作后稍作停留,或者改变页面状态后再关闭。
阅读全文