vue中监听用户操作，无响应状态返回首页

在根页面的最外层节点上添加点击事件：

 <div
    id="app"
    @click="clickApp"
  >
    <router-view />
  </div>

设置未响应时长

data() {
    return {
      clickTime: new Date(),// 最新点击时间
      responseTime: 300000, // 5分钟不响应自动跳转首页
      timeout: null,// 点击后的定时器
    };
  },

点击操作进行的处理

clickApp() {
      var nowTime = new Date();
      let _this = this;
      let curroute = this.$route.name;
      if (process.env.outputmode == "admin") {
        return;
      }
      if (
        curroute == "videochart" ||
        curroute == "audio" ||
        curroute == "video"
      ) {
        console.log("清除倒数");
        clearTimeout(this.timeout);
      } else {
        if (nowTime - this.clickTime <= this.responseTime) {
          //如果距离上次点击小于要求时间
          console.log("清除倒数");
          clearTimeout(this.timeout);
        }
        this.clickTime = nowTime; //设置点击时间为当前时间
        this.timeout = setTimeout(function () {
          //跳转首页
          _this.$router.push({ name: "clientmain" });
        }, this.responseTime);
        console.log("开启倒数");
      }
    },