ElMessageBox.confirm

您可以使用 `ElMessageBox.confirm` 方法来显示一个确认对话框。

这是一个示例代码：

ElMessageBox.confirm('确定删除吗？', '提示', {
  confirmButtonText: '确定',
  cancelButtonText: '取消',
  type: 'warning'
}).then(() => {
  // 用户点击了确定按钮
}).catch(() => {
  // 用户点击了取消按钮
});

在上述示例中，`ElMessageBox.confirm` 接受三个参数：确认框的提示消息、标题和配置选项。您可以根据需要自定义确认框的按钮文本、图标类型等。然后，使用 `then` 方法处理用户点击确认按钮的逻辑，使用 `catch` 方法处理用户点击取消按钮的逻辑。

希望这能帮到您！如果您有任何其他问题，请随时提问。

相关问题

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('是否要删除此记录？', () => {
    // 这里执行删除操作的代码
});

ElMessageBox.confirm同步执行

ElMessageBox.confirm是一个异步方法，它会返回一个Promise对象，因此它不能同步执行。当用户点击确认或取消按钮时，Promise对象会被解决(resolved)或拒绝(rejected)并返回对应的值。你可以使用async/await或者.then()方法来处理返回的结果。下面是一个简单的示例代码：

async function showDialog() {
  try {
    await this.$confirm('确定要执行该操作吗？', '提示', {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning'
    });
    // 用户点击了确认按钮，执行操作
    console.log('执行操作');
  } catch (error) {
    // 用户点击了取消按钮，不执行操作
    console.log('取消操作');
  }
}

在这个示例中，我们使用了async/await来等待用户点击确认或取消按钮，并根据用户的选择来执行或取消操作。如果用户点击了确认按钮，控制台会输出"执行操作"，如果用户点击了取消按钮，控制台会输出"取消操作"。