vue页面长时间操作返回首页

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




export default {
  name: "App",
  data(){
    return {
      timeOut:''
    }
  },
  mounted(){
    this.isTimeOut();

  },
  methods:{
    startTimer() {
      let that = this;

      clearInterval(that.timeOut);
      that.timeOut = setInterval(()=> {
        that.$router.push({path:'/mapnaviga'})
      },1000*60*15)
    },
    isTimeOut() {
      let that = this;

      if(that.$route.path == "/") {
        that.startTimer();
      }
      document.body.onmouseup = that.startTimer;
      document.body.onmousemove = that.startTimer;
      document.body.onkeyup  = that.startTimer;
      document.body.onclick  = that.startTimer;
      document.body.ontouchend  = that.startTimer;
    },
  },
  watch:{
    '$route'(to,from){
      if(to.path==from.path){
        console.log(to, from);
        this.$router.push('mapnaviga')
      }
    }
  }
};
</script>
<style src="./base/css/base.css"></style>