vue设置遮掩层禁止滚动

vue 遮罩层阻止默认滚动事件
在写移动端页面的时候,弹出遮罩层后，我们仍然可以滚动页面。
vue中提供 @touchmove.prevent 方法可以完美解决这个问题

<div class="dialog" @touchmove.prevent ></div>

可以给body添加overflow:hidden属性解决,

但是还有值得一提的是,虽然touchmove不会动,但是鼠标使用滚动键还是会滚动