<template>
  <div id="app" class="container">
    <router-view />
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  watch: {
    $route(val, oldVal) {
      if (val.path != oldVal.path) {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
      }
    }
  },
  // methods: {
  //   bodyScroll(event) {
  //     event.preventDefault();
  //   }
  // },
  // destroyed() {
  //   document.body.removeEventListener("touchmove", this.bodyScroll, {
  //     passive: false
  //   });
  // },
  // methods: {
  //   bodyScroll(event) {
  //     event.preventDefault();
  //   }
  // },
  created() {
    // document.body.addEventListener(
    //   "touchmove",
    //   function(e) {
    //     e.preventDefault(); //阻止默认的处理方式(阻止下拉滑动的效果)
    //   },
    //   { passive: false }
    // );
    // var startY, endY;
    //记录手指触摸的起点坐标
    // $("body").on("touchstart", function(e) {
    //   startY = e.touches[0].pageY;
    // });
    // $("body").on("touchmove", function(e) {
    //   endY = e.touches[0].pageY; //记录手指触摸的移动中的坐标
    //   //手指下滑，页面到达顶端不能继续下滑
    //   if (endY > startY && $(window).scrollTop() <= 0) {
    //     e.preventDefault();
    //   }
    //   //手指上滑，页面到达底部能继续上滑
    //   if (
    //     endY < startY &&
    //     $(window).scrollTop() + $(window).height() >= $("body")[0].scrollHeight
    //   ) {
    //     e.preventDefault();
    //   }
    // });
  }
};
</script>
