element ui的MessageBox弹框的遮罩加点击事件
时间: 2023-07-11 15:45:05 浏览: 585
Element MessageBox弹框的具体使用
5星 · 资源好评率100%
在Element UI中,MessageBox弹框的遮罩同样可以添加点击事件。可以使用以下代码给遮罩添加点击事件:
```javascript
this.$msgbox({
title: '提示',
message: '这是一条提示信息',
showCancelButton: true,
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
// 点击了确定按钮
} else if (action === 'cancel') {
// 点击了取消按钮
} else {
// 点击了遮罩层
}
done(); // 关闭MessageBox
}
});
```
在beforeClose回调函数中,第三个参数done是一个回调函数,调用它可以关闭MessageBox。当用户点击遮罩层时,action参数的值为'',可以在这里处理遮罩层的点击事件。
阅读全文