vue 如何设置点击空白处的遮罩层关闭弹窗

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 如何设置点击空白处的遮罩层关闭弹窗相关的知识,希望对你有一定的参考价值。

参考技术A 1:设置一个盒子跟弹出的窗口平级,然后设置宽高等于遮罩层的,设置 position: absolute; 它的层级小于弹出窗口的层级

2:给弹出的窗口设置成

position: relative;

以上是关于vue 如何设置点击空白处的遮罩层关闭弹窗的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 原生开发 实现弹窗遮罩层 并且在遮罩层内使用scroll-view实现滚动内容(包括图片)

微信小程序 原生开发 实现弹窗遮罩层 并且在遮罩层内使用scroll-view实现滚动内容(包括图片)

解决vue3 Vben框架弹窗点击遮罩层不关闭的BUG

解决vue3 Vben框架弹窗点击遮罩层不关闭的BUG

解决vue3 Vben框架弹窗点击遮罩层不关闭的BUG

弹窗和遮罩层的显示隐藏及空白区域关闭