项目场景:
element-ui MessageBox 弹框怎么隐藏右上角的关闭按钮呢?
element-ui MessageBox 弹框怎么设置点击空白处不关闭?
如何隐藏this.
c
o
n
f
i
r
m
右
上
角
的
x
?
t
h
i
s
.
confirm右上角的x? this.
confirm右上角的x?this.confirm怎么将右上角的x屏蔽掉?
问题描述
有一些业务需要让弹窗一直显示,除非已经点击了确认按钮,这时候就需要对this.$confirm进行处理,既不可以点击右上角x将弹窗关闭,也不可以点击其它空白处关闭弹窗,直接上代码。
this.$confirm('进行企业实名认证后才可开通短信服务!', '提示', {
confirmButtonText: '前往认证', //确认按钮的文字显示
type: 'warning',
center: true, //文字居中显示
showCancelButton: false, //不显示取消按钮
showClose: false, //是否显示右上角的x
closeOnClickModal: false, //是否可以点击空白处关闭弹窗
})
.then(() => {
window.location.href = '#/main/iam/authentication';
})
.catch(() => {
});
代码分析:
确定按钮的文本内容:
confirmButtonText: ‘确定’,
取消按钮的文本内容:
cancelButtonText: ‘取消’,
是否显示取消按钮:
showCancelButton: false,
是否显示确定按钮:
showConfirmButton: true,
文字居中显示:
center: true,
MessageBox 是否显示右上角关闭按钮:
showClose: false,
confirm提示框 设置点击空白处不关闭:
是否可通过点击遮罩(点击空白处)关闭 MessageBox:
closeOnClickModal: false,
参考element官网:https://element.eleme.io/2.15/#/zh-CN/component/message-box
用法位置: