element-ui 禁止dialog和messagebox点击空白处关闭

element-ui 禁止dialog和messageBox点击空白处关闭

    • 单个禁止
    • 全局禁止

单个禁止

  • 单个禁止dialog点击空白关闭
	
		........
	

需要注意,close-on-click-modal前必须加:

  • 单个禁止messageBox点击空白关闭
this.$confirm('文本内容?', '标题', {
	closeOnClickModal: false
}).then(() => {
	this.$message({
		type: 'info',
		message: '保存修改'
	});
})

messageBox有四种:
$msgbox(options): 默认closeOnClickModal为false
$alert(message, title, options) 或 $alert(message, options):默认closeOnClickModal为true
$confirm(message, title, options) 或 $confirm(message, options):默认closeOnClickModal为false
$prompt(message, title, options) 或 $prompt(message, options):默认closeOnClickModal为false
禁止的方法相同

全局禁止

  • 全局禁止dialog点击空白关闭
    在index.js/main.js,
    ···
    import ElementUI from ‘element-ui’
    ElementUI.Dialog.props.closeOnClickModal.default = false
    ···
  • 全局禁止messageBox点击空白关闭
    在index.js/main.js,
    ···
    import ElementUI from ‘element-ui’
    ElementUI.MessageBox.setDefaults({
    closeOnClickModal: false
    })
    ···

你可能感兴趣的:(前端,element-ui)