ElmentUI 設置禁止點擊遮罩關閉 el-dialog 彈窗

el-dialog 彈窗初始化默認點擊彈窗組件以外區域(遮罩)會導致該組件關閉

方法一：(局部控制)

修改 close-on-click-modal 屬性改為 false 可以禁止點擊遮罩關閉彈窗(默認是true)

注：在使用 close-on-click-modal 屬性時，必須在該屬性前加冒號 " : "

方法二：(局部控制)

添加 before-close 屬性，在 dialog 關閉時，讓用戶進行確認是否需要關閉

handleClose(done) {
    this.$confirm('確認關閉？').then(_ => {
        done();
    }).catch(_ => {});
}

方法三：(全局配置)

mian.js 文件里面：

import ElementUI from 'element-ui';
// 修改 el-dialog 默認點擊遮照不關閉
ElementUI.Dialog.props.closeOnClickModal.default = false;