利⽤弹窗 API Modal.confirm({ onOk: Function, onCancel: Function }) 封装⼀个 confirm 函数
时间: 2024-09-14 11:09:26 浏览: 42
利用弹窗API Modal.confirm,你可以封装一个确认函数,这个函数通常用于提示用户是否需要执行某个操作,并提供确认和取消两个选项。下面是一个简单的示例:
```javascript
function confirmAction(message, onConfirmCallback, onCancelCallback) {
Modal.confirm({
title: '确认操作', // 弹出框的标题
content: message, // 显示给用户的提示信息
onOk: function() { // 点击确认按钮的回调
if (onConfirmCallback) {
onConfirmCallback(); // 执行用户传递的确认回调
}
},
onCancel: function() { // 点击取消按钮的回调
if (onCancelCallback) {
onCancelCallback(); // 执行用户传递的取消回调
}
}
});
}
// 使用示例
confirmAction('是否删除该记录?', () => {
console.log('已确认删除');
}, () => {
console.log('删除操作已取消');
});
```
在这个`confirmAction`函数中,你传入一个消息、一个确认后的回调函数以及一个取消后的回调函数。当用户点击确定时,会执行`onConfirmCallback`,点击取消时则执行`onCancelCallback`。
阅读全文