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);//禁止頁面滑動
          
        }
      }
    },