VUE弹出层禁止滚动

 

需求：弹出层时禁止页面滚动

解决：

 

data() {
  return {
  　　myInfoShow:false
4 　　},

 

监听事件

    watch: {
      myInfoShow(val) {
        var mo = function(e){e.preventDefault();};
        if(val){
          document.body.style.overflow='';//出现滚动条
          document.removeEventListener("touchmove",mo,false);
         }
         else{
          document.body.style.overflow='hidden';
          document.addEventListener("touchmove",mo,false);//禁止页面滑动
          
        }
      }
    },