ElementUI的消息提示框及确认框
warning:
这篇文章距离上次修改已过434天,其中的内容可能已经有所变动。
在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中的另一个组件,用于显示操作结果的消息提示。
评论已关闭