禁止页面滚动
在我的项目中 我在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);
}
}