elementUI的消息弹窗组件手动关闭和遮罩层关闭问题

手动关闭MessageBox弹窗

使用this.$msgbox.close();官方给出的相关资料如下

2.移除掉DOM(慎用)

var messageBox = document.querySelector('.el-message-box__wrapper')
var vModal = document.querySelector('.v-modal')
if(messageBox && vModal ){messageBox .parentNode.removeChild(messageBox)vModal .parentNode.removeChild(vModal )
}

elementui dialog点击关闭，但遮罩层还在
可能是两个dialog嵌套问题，将append-to-body 设置为true
append-to-body：Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true
modal-append-to-body：遮罩层是否插入至 body 元素上，若为 false，则遮罩层会插入至 Dialog 的父元素上

elementUI的消息弹窗组件手动关闭和遮罩层关闭问题相关推荐

fancybox 在打开窗口前先执行 js脚本,fancybox设置只能通过右上角关闭,fancybox遮罩层关闭...
在默认情况下,fancybox点击之后弹出窗口,右上角带有一个XX,但是点击窗口的其他遮罩层或者是其他地方,都是可以关闭fancybox的,有些时候,我们不希望这样关闭,而是只能点击右上角关闭,那么设 ...
vue实现消息badge 标记_Vue $mount实战之实现消息弹窗组件
之前的项目一直在使用Element-UI框架,element中的Notification.Message组件使用时不需要在html写标签,而是使用js调用.那时就很疑惑,为什么element ui使用 ...
纯js消息弹窗组件Message
js消息弹窗组件文章目录 js消息弹窗组件 1. js部分代码 2.使用方法 3.演示效果写组件上瘾,今天写一个纯js消息弹窗组件,复制即可使用,css也写在了js之中,用js生成,代码若是存在不 ...
element-ui框架的el-dialog弹出框被遮罩层挡住了
如图: 解决办法在el-dialog标签里添加 :modal-append-to-body='false' 实现效果: 问题解析先来看看element-ui官网提供的属性说明文档文档解释:翻译成 ...
Vue项目element-ui弹窗组件el-dialog，阻止点击遮罩层关闭
点击空白处遮罩层关闭_如何手动关闭win10系统自带的windows defender
windows defender简称WD,是win10系统自带的一款杀毒软件,也是微软的"亲儿子",从win8开始,微软就对这个"亲儿子"狠下功夫,争取让它早日 ...
element ui 弹窗遮罩层在弹出层的上面。点击关闭弹窗弹窗关闭了但是遮罩层没关
首先弹窗一个水平测试报告.然后点击查看解析又可以弹窗一个框这时我们发现这个解析的框被外面一个遮罩层挡住了. 我把这个水平测试报告的弹窗写在一个组件里面.在组件里面又写了解析的弹窗. 首先查看官网的e ...
vue点击遮罩层禁止关闭dialog弹窗
import ElementUI from 'element-ui'; // 全局禁止点击遮罩层关闭e-dialog弹窗 ElementUI.Dialog.props.closeOnClickModa ...
在弹窗中新建一个遮罩层
一.mask-div 在原来页面弹出一个弹窗后,鼠标还是可以点击页面其他地方,所以我要给页面弹出一个遮罩层,把页面所有东西都遮住,不给用户点击除了弹窗之外的东西. 实现后的效果: 当我点击" ...

elementUI的消息弹窗组件手动关闭和遮罩层关闭问题

elementUI的消息弹窗组件手动关闭和遮罩层关闭问题相关推荐

最新文章

热门文章