【vue 】element配置全局或单个Dialog点击遮罩不关闭

在很多编辑信息弹框，尤其后台管理系统，如果一点击遮罩关闭弹窗，再次点开弹窗又做了重置表单的操作会导致用户操作数据丢失，可以设置点击遮罩不关闭弹窗。

1.环境

亲测版本为 "vue": "2.6.10"

2.使用组件处设置

<el-dialog :close-on-click-modal="false"></el-dialog>

3.全局配置

在main.js文件中 全局配置element的弹框组件点遮罩不关闭弹框：

import Element from 'element-ui'
Element.Dialog.props.closeOnClickModal.default = false; // 全局关闭点遮罩关闭弹框

参考：
element | Dialog 对话框
elementUI全局修改dialog点击蒙层不可关闭状态