vue中弹出遮罩层页面禁止滚动的问题

Question

一开始我把弹出框写在遮罩层内部的时候 给遮罩层加@touchmove.prevent时间是生效的，但是遮罩层设了透明度，导致弹出框也有透明度。然后后改了下面的写法，不生效。大家是如何解决的呢。

<!--右侧边栏E-->

<div class="mask" id="mask" v-show="showMask" @click="maskEvent" @touchmove.prevent></div>

<!--登录注册S-->

<Login v-show="showLogin" @hideLogin="loginHide" @touchmove.prevent></Login>

Answer 1

是遮罩层的background设置透明度，不是遮罩层本身设置opacity，这样的话，弹出框就不会有透明度了，一般弹框都是在写遮罩层内部的