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

1：设置一个盒子跟d出的窗口平级，然后设置宽高等于遮罩层的，设置position: absolute它的层级小于d出窗口的层级

2：给d出的窗口设置成

position: relative

设置一个变量，比如isLoading，初始值为true，

如果值为true就显示遮罩层，false就不显示，

当你所有内容都加载完之后把这个值改为false。

1. 是存在兼容性问题的，VueH5在Safari浏览器中打开时，底部可能会出现遮罩的问题。

2. 这是因为Safari浏览器在处理移动端viewport时，会将虚拟键盘的高度也算在内，导致页面出现了底部遮罩。

3. 解决方法可以通过监听虚拟键盘的d出和关闭事件，根据实际高度来修改页面的高度，或者使用CSS hack，比如在body元素上添加样式“height: -webkit-fill-available”来解决这个问题。

---