阻止vue移动端滑动事件穿透

项目遇到的问题

移动端项目，css设置遮罩层，遮罩层有纵向滚动条，触摸滑动遮罩层，遮罩层下面的区域也一起滑动。

解决方法

1.如果遮罩层也不需要响应滑动。直接在遮罩层上面使用vue的“阻止默认事件”：@touchmove.prevent

2. 遮罩层有滚动条，也需要响应滑动。在遮罩层出现的时候给遮罩层下面的区域css样式实现绝对定位，定在页面中，遮罩层消失的时候。移除样式。
css 样式：