VUE弹出层禁止滚动

 

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

解决：

 

1 data() {
2   return {
3   　　myInfoShow:false
4 　　},

 

监听事件

 1     watch: {
 2       myInfoShow(val) {
 3         var mo = function(e){e.preventDefault();};
 4         if(val){
 5           document.body.style.overflow='';//出现滚动条
 6           document.removeEventListener("touchmove",mo,false);
 7          }
 8          else{
 9           document.body.style.overflow='hidden';
10           document.addEventListener("touchmove",mo,false);//禁止页面滑动
11           
12         }
13       }
14     },

 

posted @ 2020-08-12 12:17  蜗牛渣渣  阅读(1193)  评论(0)    收藏  举报