全局设置element-ui Dialog组件的close-on-click-modal属性为false

前言

element组件库的Dialog对话框默认可以通过点击 modal 关闭 Dialog，即点击空白处弹框可关闭。

属性

可通过close-on-click-modal属性值来控制，实例如下：

全局配置

修改配置前：

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css' // 默认主题

//全局修改默认配置，点击空白处不能关闭弹窗
ElementUI.Dialog.props.closeOnClickModal.default = false
console.log(ElementUI.Dialog)
Vue.use(ElementUI)

 修改配置后：

完