vue有弹框时 禁止页面滚动

禁止页面滚动

在我的项目中 我在module中定义了一个变量popupIndex，默认值是-1 ，
如果点击显示了弹框 那么popupIndex的值就不是-1了，禁止和释放滚动图的代码如下

 watch: {
    // 监听popupIndex 禁止或者释放滚动
    popupIndex: function (newVal,oldVal) {
      if (newVal != -1){
        var mo=function(e){e.preventDefault();};
        document.body.style.overflow='hidden';
        document.addEventListener("touchmove",mo,false);//禁止页面滑动
      } else {
        var mo=function(e){e.preventDefault();};
        document.body.style.overflow='';//出现滚动条
        document.removeEventListener("touchmove",mo,false);
      }
    }