在很多编辑信息弹框,尤其后台管理系统,如果一点击遮罩关闭弹窗,再次点开弹窗又做了重置表单的操作会导致用户操作数据丢失,可以设置点击遮罩不关闭弹窗。

1.环境

亲测版本为 "vue": "2.6.10"

2.使用组件处设置

<el-dialog :close-on-click-modal="false"></el-dialog>

3.全局配置

在main.js文件中 全局配置element的弹框组件点遮罩不关闭弹框:

import Element from 'element-ui'
Element.Dialog.props.closeOnClickModal.default = false; // 全局关闭点遮罩关闭弹框

参考:
element | Dialog 对话框
elementUI全局修改dialog点击蒙层不可关闭状态

Logo

前往低代码交流专区

更多推荐