vue页面有弹层，禁止页面滚动

<script>
let preD = function(e) {
  e.preventDefault();
};

export default {
  data() {
    return {
      searchShow: false
    };
  },
  watch: {
     // 监听弹出框状态，控制是否禁止页面滑动
    searchShow(flag) {
      if (flag) {
        document.body.style.overflow = "hidden";
        document.addEventListener("touchmove", preD, { passive: false }); // 禁止页面滑动
      } else {
        document.body.style.overflow = ""; // 出现滚动条
        document.removeEventListener("touchmove", preD, { passive: false });
      }
    }
  }
};
</script>

转自：www.cnblogs.com/223zzm/p/11…