要防止遮罩的滑动事件的默认行为和冒泡
<div
@click="closeMenu"
@touchmove="noMove"
v-if="maskOut"
class="mask"
ref="mask" >
</div>
在methods里面
// 防止mask touchmove事件穿透
noMove(e) {
e.preventDefault();
e.stopPropagation();
},
然后遮罩的层级一定要在弹出层的下面,相当于遮罩层是层级第二高的,遮罩层以及之下的页面就不可滑动了。
网友评论