this.$confirm(`是否操作?`, msg, { confirmButtonText: '确认', cancelButtonText: '取消', confirmButtonClass: "btn-custom-confirm", cancelButtonClass: "btn-custom-cancel", showClose:false, }使用这个代码如何关闭遮罩层
时间: 2023-12-06 19:44:44 浏览: 157
点击弹出div圆角的遮罩层,可关闭
4星 · 用户满意度95%
在使用Element UI的`this.$confirm()`方法时,其会返回一个Promise对象。你可以在点击确认按钮时,手动resolve这个Promise对象来关闭遮罩层。
可以像这样实现:
```
this.$confirm(`是否操作?`, msg, {
confirmButtonText: '确认',
cancelButtonText: '取消',
confirmButtonClass: "btn-custom-confirm",
cancelButtonClass: "btn-custom-cancel",
showClose:false,
}).then(() => {
//用户点击了确认按钮,手动resolve Promise对象来关闭遮罩层
this.$refs['confirm'].doClose();
}).catch(() => {
//用户点击了取消按钮,什么也不做
});
```
注意,上述代码中的`this.$refs['confirm'].doClose()`是Element UI中`MessageBox`组件的内部方法,用于手动关闭遮罩层。如果你的代码中没有使用这个组件,请修改成你自己的遮罩层关闭方法。
阅读全文