ElmentUI 设置禁止点击遮罩关闭 el-dialog 弹窗
首页 > >    作者:lininn   2021年4月27日 10:40 星期二   热度:40°   百度已收录  
时间:2021-4-27 10:40   热度:40° 
el-dialog 弹窗初始化默认点击弹窗组件以外区域(遮罩)会导致该组件关闭

方法一:(局部控制)

修改 close-on-click-modal 属性改为 false 可以禁止点击遮罩关闭弹窗(默认是true)

注:在使用 close-on-click-modal 属性时,必须在该属性前加冒号 " : "

方法二:(局部控制)

添加 before-close 属性,在 dialog 关闭时,让用户进行确认是否需要关闭

handleClose(done) {
    this.$confirm('确认关闭?').then(_ => {
        done();
    }).catch(_ => {});
}
方法三:(全局配置)

mian.js 文件里面:

import ElementUI from 'element-ui';
// 修改 el-dialog 默认点击遮照不关闭
ElementUI.Dialog.props.closeOnClickModal.default = false;

二维码加载中...
本文作者:lininn      文章标题: ElmentUI 设置禁止点击遮罩关闭 el-dialog 弹窗
本文地址:?post=510
版权声明:若无注明,本文皆为“覆手为雨”原创,转载请保留文章出处。
分享本文至:

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn