element ui 弹框点击其他区域不关闭

在做vue开发的项目中遇到过这样一个需求：点击弹框外部 弹框不关闭，把下面这个属性方到入口文件main.js中，全局设置一下

import Vue from 'vue'
import App from './App.vue'

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

ElementUI.Dialog.props.closeOnClickModal.default = false; //弹框点及其他区域不关闭

Vue.use(ElementUI);

new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')