在 Element UI 中,你可以使用 MessageBox 组件来创建弹出的确认框。 MessageBox 组件是 Element UI 提供的一个全局方法,用于显示各种对话框,包括确认框。
以下是一个示例代码,演示如何使用 MessageBox 组件创建一个确认框:
import { MessageBox } from 'element-ui';
// 在需要显示确认框的地方调用 MessageBox.confirm()
MessageBox.confirm('确认要执行此操作吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
// 用户点击了确定按钮
// 执行相应的操作
})
.catch(() => {
// 用户点击了取消按钮或关闭了对话框
// 执行取消操作或不执行任何操作
});
在上述代码中,我们调用了 MessageBox.confirm() 方法来创建一个确认框。该方法接受三个参数:
- message:确认框中显示的文本消息。
- title:确认框的标题。
- options:可选的配置对象,用于指定确认框的其他选项,如确认按钮和取消按钮的文本、对话框的类型等。
在确认框中,用户可以点击确认按钮执行相应的操作,或者点击取消按钮或关闭对话框来取消操作。
请确保已经正确安装和引入 Element UI 库,并根据你的实际需求调整确认框的文本、标题和配置选项。