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)
相关推荐
java1234_小锋12 分钟前
一周学会Flask3 Python Web开发-redirect重定向
前端·python·flask·flask3
琑9529 分钟前
nextjs项目搭建——头部导航
开发语言·前端·javascript
light多学一点40 分钟前
视频的分片上传
前端
Gazer_S1 小时前
【Windows系统node_modules删除失败(EPERM)问题解析与应对方案】
前端·javascript·windows
bigyoung1 小时前
基于 React 的列表实现方案,包含创建和编辑状态,使用 Modal 弹框和表单的最佳实践
前端
乌木前端1 小时前
包管理工具lock文件的作用
前端·javascript
司玄2 小时前
3dtiles平移旋转原理及可视化工具实现
前端
m0_748236582 小时前
本地部署轻量级web开发框架Flask并实现无公网ip远程访问开发界面
前端·tcp/ip·flask
Jet_closer_burning2 小时前
Vue2 和 Vue3 的响应式原理对比
前端·javascript·vue.js·html
xing25162 小时前
pytest-html
前端·html·pytest