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

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

单个禁止dialog点击空白关闭

    <el-dialog :close-on-click-modal="false">
    </el-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
})