一、使用El-MessageBox。
二、创建一个方法 function MessageBoxConfirm(message:string,title:string)
message 是消息内容,title是标题,
/**
* message 消息内容
* title 标题
* 点击“确定” 返回true,点击“取消”返回false;
*/
function MessageBoxConfirm(message: string, title: string) {
return new Promise((resolve, reject) => {
ElMessageBox.confirm(
message,
title,
{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: "warning",
dangerouslyUseHTMLString: true,
customClass: 'messageBox',
center: true,
}
).then(() => {
// 点击“确定”时解析 Promise 并返回 true
resolve(true);
}).catch(() => {
// 点击“取消”时拒绝 Promise, 并返回 false
reject(false);
});
})
}
方法使用:
MessageBoxConfirm('你确定要执行此操作吗?', '确认提示')
.then(confirmed => {
if (confirmed) {
// 用户点击了“确定”
console.log('用户已确认');
}
})
.catch(cancelled => {
// 用户点击了“取消”,
console.log('用户已取消');
});