【vue 】element配置全局或单个Dialog点击遮罩不关闭
在很多编辑信息弹框,尤其后台管理系统,如果一点击遮罩关闭弹窗,再次点开弹窗又做了重置表单的操作会导致用户操作数据丢失,可以设置点击遮罩不关闭弹窗。
·
在很多编辑信息弹框,尤其后台管理系统,如果一点击遮罩关闭弹窗,再次点开弹窗又做了重置表单的操作会导致用户操作数据丢失,可以设置点击遮罩不关闭弹窗。
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; // 全局关闭点遮罩关闭弹框
更多推荐
已为社区贡献5条内容
所有评论(0)