ElementUI的消息提示框及确认框
在ElementUI中,可以使用MessageBox
组件来实现确认框(对话框)。以下是一个简单的例子:
// 引入MessageBox
import { MessageBox } from 'element-ui';
// 确认框
MessageBox.confirm('确认执行此操作?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
// 点击确定执行的操作
Message({
message: '操作成功',
type: 'success'
});
}).catch(() => {
// 点击取消执行的操作
Message({
message: '操作已取消',
type: 'info'
});
});
在这个例子中,MessageBox.confirm
创建了一个确认框,用户可以选择点击“确定”或者“取消”。.then()
和 .catch()
分别处理用户的两种选择。Message
是ElementUI
中的另一个组件,用于显示操作结果的消息提示。
评论已关闭