实现ElementUI的Dialog弹出后鼠标可以点击底层页面

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了实现ElementUI的Dialog弹出后鼠标可以点击底层页面相关的知识,希望对你有一定的参考价值。

参考技术A 亲测有用!!

注意不要给dialog标签添加append-to-body, 让dialog元素插入外层的div内

layer框架弹出层

layer弹出层弹出后确定按钮无法点击,报错UncaughtTypeError:Cannotreadproperty'layer'ofnull这个问题怎么解决?... layer弹出层弹出后确定按钮无法点击,报错Uncaught TypeError: Cannot read property 'layer' of null这个问题怎么解决? 展开

参考技术A
API文档里面有:
layer.closeAll();
//疯狂模式,关闭所有层
layer.closeAll('dialog');
//关闭信息框
layer.closeAll('page');
//关闭所有页面层
layer.closeAll('iframe');
//关闭所有的iframe层
layer.closeAll('loading');
//关闭加载层
layer.closeAll('tips');
//关闭所有的tips层

以上是关于实现ElementUI的Dialog弹出后鼠标可以点击底层页面的主要内容,如果未能解决你的问题,请参考以下文章

有人知道怎么实现触摸屏幕弹出的Toast立即消失的功能吗?

模式弹出后引导3禁用背景[重复]

elementUI(el-dialog)小记

Modal框弹出后,2s自动消失

element表格组件,没有列

vue+elementui 页面弹出框