vue 禁止页面滚动

data () {

      return {

        Aside:false

      }

    },

watch: { // 监听data中弹层状态

      Aside (val) {

        if (val) {

          let mo=function(e){

            e.preventDefault();

          };

          document.body.style.overflow='hidden';

          document.addEventListener("touchmove",mo,false);//禁止页面滑动

        } else {

          let mo=function(e){

            e.preventDefault();

          };

          document.body.style.overflow='';//出现滚动条

          document.removeEventListener("touchmove",mo,false);

        }

      }

    }

推荐阅读更多精彩内容