背景:给vue用fixed定位加一个遮罩层,表示状态(等待中),滚动鼠标滚轮发现下面一层的页面随之滚动,我们的需求想要阻止下层页面滚动,所以要给遮罩层加一个取消鼠标滚轮默认行为的事件
上代码:
<div class="mask" @mousewheel="mousewheel">
</div>
methods:{
mousewheel(e){
e.preventDefault();
}
}
大功告成~~