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

原创于 2020-10-16 09:38:46 发布 · 2.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #html5

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接举例全局配置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)