今天写了一个Vue弹层组件用来全屏查看图片的，大概是下面这么一个效果：
其中背景是透明色的但是弹出这个组件时手指滑动、鼠标滚轮滑动，底部页面是会动
作为洎己开发的一个常用的组件，这种bug当然是要解决的

于是学艺不精的我在网上找了蛮久的，看了不少博客看了不少观点和方法。终于找箌了一个最简单、最实在的方法

首先，这个div就是整个遮罩组件的根组件核心就是div上的事件绑定。
而加了prevent事件后缀相信大家都知道是阻止默认事件。
当组件在屏幕最上方显示时触摸移动事件和鼠标滚轮都被阻止了，所以页面不会再滚动

在网上也看到了很多给body添加事件的解决方法：

这里就不说了，网上有很多我也没用上，所以没有验证如果是传统页面的，可以使用一下这种方法
好了，菜鸟要继續去学习了。