ELMessageBox.confirm用法

`ElMessageBox.confirm` 是 Element Plus 中的一个对话框组件，用于显示确认消息并等待用户响应。这个方法通常用于提示用户是否执行某个操作，如删除数据。

封装后的代码示例[^1]:

// 引入所需模块
import { ElMessage, ElMessageBox } from "element-plus";

// 定义一个通用的确认对话框函数
function confirmAction(message, callback, title='警告', buttonTexts=['确定', '取消'], type='warning') {
    // 显示确认对话框
    ElMessageBox.confirm(message, title, {
        confirmButtonText: buttonTexts[0], // 确定按钮文本
        cancelButtonText: buttonTexts[1], // 取消按钮文本
        type: type, // 对话框类型，默认为警告
    }).then((result) => {
        if (result) {
            // 如果用户点击了确认按钮，执行回调函数并显示成功消息
            callback();
            ElMessage({ type: 'success', message: '操作已完成' });
        } else {
            // 用户点击了取消按钮，显示取消操作信息
            ElMessage({ type: 'info', message: '操作已取消' });
        }
    }).catch(() => {
        // 用户关闭对话框但未做选择，可以在这里添加相应逻辑
        ElMessage({ type: 'info', message: '操作被忽略' });
    });
}

// 调用该函数，传入具体的操作和回调
confirmAction('是否要删除此记录？', () => {
    // 这里执行删除操作的代码
});