Vue 禁止滚动
比如我们想做一个校验,会出现一个弹窗,填写校验信息,此时页面禁止滚动
可以绑定如下事件
change(){
// show 控制弹窗显隐 this.show = !this.show if(this.show){
// pc 端直接删掉滚动条 document.body.style.overflow = "hidden" // 移动端禁止 touchmove 默认事件,上下滑
document.addEventListener("touchmove", (e) => { e.preventDefault() }) }else{ document.body.style.overflow = "" document.removeEventListener("touchmove", (e) => { e.preventDefault() }) } }