在根页面的最外层节点上添加点击事件:
<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("开启倒数");
}
},