e-drawer 和 el-dialog 全局配置默认点击遮照不关闭

扶苏1002

已于 2024-06-27 22:15:21 修改

阅读量835

点赞数 4

分类专栏： ElementUI 文章标签： vue.js elementui 前端

于 2024-03-27 16:15:36 首次发布

本文链接：https://blog.csdn.net/qq_44741577/article/details/137081085

版权

ElementUI 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本文介绍了如何在main.js中修改ElementUI库，防止el-dialog的默认点击遮罩关闭行为，并设置Element-UIDrawer组件的wrapperClosable属性，以实现全局设置点击遮罩层不关闭的功能。

摘要由CSDN通过智能技术生成

main.js中

import ElementUI from "element-ui";
// 修改 el-dialog 默认点击遮照为不关闭\全局设置点击遮罩层不关闭 Dialog
ElementUI.Dialog.props.closeOnClickModal.default = false
//Element-UI抽屉Drawer，阻止点击遮罩层关闭
ElementUI.Drawer.props.wrapperClosable.default = false