Vue 弹出层时 禁止页面滑动

上代码

 /***滑动限制***/
      stop(){
        var mo=function(e){e.preventDefault();};
        document.body.style.overflow='hidden';
        document.addEventListener("touchmove",mo,false);//禁止页面滑动
      },
      /***取消滑动限制***/
      move(){
        var mo=function(e){e.preventDefault();};
        document.body.style.overflow='';//出现滚动条
        document.removeEventListener("touchmove",mo,false);
      }

移动端弹出框时可以调用使用者两个方法,如果不是Vue,可以直接给html设置overflow:hinder

你可能感兴趣的:(vue)