ElmentUI禁止点击遮罩层关闭el-dialog弹窗、对话框滑动不消失功能

梓涵999

已于 2022-08-24 16:37:15 修改

阅读量1.9k

点赞数 2

分类专栏： ElementUi 文章标签： vue.js elementui javascript

于 2022-08-05 11:20:09 首次发布

本文链接：https://blog.csdn.net/qq_61553794/article/details/126174070

版权

ElementUi 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

方法一：局部

<template>
	<el-dialog title="新增区域信息" :visible.sync="dialogVisible" width="20%" :close-on-click-modal="false">
	</el-dialog>
</template>

方法一：全局

// 引入elementUI
import ELEMENT from 'element-ui'
// 修改 el-dialog 默认点击遮照为不关闭\全局设置点击遮罩层不关闭 Dialog
ELEMENT.Dialog.props.closeOnClickModal.default = false
 
// 显示弹框时，设置页面滚动条仍然可以滚动
ELEMENT.Dialog.props.lockScroll.default = false