vue3+elementui-plus el-dialog全局配置点击空白处不关闭弹窗

在与main.ts同级下的plugins文件夹(如果没有,新建一个)下建一个element.js文件(名字随便取)

element.js文件内容如下:

xml 复制代码
import ElementPlus from 'element-plus'
export default (app) => {
  console.log(app._context) //在这里可以打印一下查看到elementui-plus的各个组件的默认配置
  app.use(ElementPlus, {size:'small' })
  app._context.components.ElDialog.props.closeOnClickModal.default = false
}

在 main.js中添加以下两行代码:

xml 复制代码
import installElementPlus from '/@/plugins/element.js'
installElementPlus(app)
相关推荐
天天扭码26 分钟前
如何实现流式输出?一篇文章手把手教你!
前端·aigc·ai编程
前端 贾公子38 分钟前
vue移动端适配方案 === postcss-px-to-viewport
前端·javascript·html
GISer_Jing2 小时前
AI营销增长:4大核心能力+前端落地指南
前端·javascript·人工智能
明远湖之鱼2 小时前
一种基于 Service Worker 的渐进式渲染方案的基本原理
前端
前端小端长3 小时前
Vue 中 keep-alive 组件的原理与实践详解
前端·vue.js·spring
FeelTouch Labs3 小时前
Nginx核心架构设计
运维·前端·nginx
雪球工程师团队3 小时前
别再“苦力”写后台,Spec Coding “跑” 起来
前端·ai编程
m0_471199633 小时前
【场景】前端怎么解决离线收银、数据同步异常等场景问题
前端·javascript
Curvatureflight4 小时前
前端性能优化实战:从3秒到300ms的加载速度提升
前端·人工智能·性能优化