el-dialog模态窗点击空白不消失

Posted yanggb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了el-dialog模态窗点击空白不消失相关的知识,希望对你有一定的参考价值。

通过查阅ElementUI的官方文档,可以发现Dialog对话框组件提供了一个close-on-click-modal属性来设置el-dialog模态窗点击空白不消失。

技术图片

<el-dialog :close-on-click-modal="false"></el-dialog>

配置上这个属性就可以了,默认值是true,手动设置为false。

 

"《花田半亩》中说:生命中,我们都接到不同的剧本。有的平淡,有的浓烈,有的是笑,有的是泪,不管怎样,我总要演好,直至落幕。"

以上是关于el-dialog模态窗点击空白不消失的主要内容,如果未能解决你的问题,请参考以下文章

el-dialog嵌入vue-baidu-map,怎么每次弹出地图执行一次@ready方法?

BootStrap 模态框禁用空白处点击关闭,手动显示隐藏,垂直居中

ueditor全屏和el-dialog模态框有冲突的解决方法(其他框架请比葫芦画瓢)

bootstrap中的模态框插件,点击遮盖层,模态框不消失,怎么让消失

Web前瞻一个可以打开模态窗的 CSS 新属性

模态框点击空白处不关闭