ElementUI 如何全局的配置组件默认属性？

全局配置Element-UI Dialog组件：禁用默认关闭行为

最新推荐文章于 2025-09-11 04:42:07 发布

原创最新推荐文章于 2025-09-11 04:42:07 发布 · 2.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #html5

这篇博客介绍了如何通过修改Element.js源代码全局配置Element UI Dialog组件，将默认的关闭弹窗（closeOnClickModal）设置为false，从而实现自定义弹窗行为。

直接举例全局配置element-ui dialog组件的 closeOnClickModal

直接去修改element.js引用代码，在引用组件前修改默认属性：

import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

//全局修改弹窗黑幕点击关闭弹窗默认组件的配置
Element.Dialog.props.closeOnClickModal.default=false;
console.info(Element.Dialog);
Vue.use(Element)