今天收到一个需求,就是鼠标不动一个小时的情况下,退出到login登录页面,让他重新登录;
我用vue 来写的,直接上代码,记录一下,
1.我们的根页面 home.vue
我们的hemo 最大的div 加一个全局的鼠标移动事件 @mousemove=“moveEvent” 知道你们懒 就会cv
然后在 methods里面 绑定对应的事件
moveEvent() {
let path = ["/login"]; //跳转的页面
if (!path.includes(this.$route.path)) {
clearTimeout(this.timmer); 重置定时器
this.init();
}
},
init() {
this.timmer = setTimeout(() => {
this.$router.push({
path: "/login",
});
}, 1000 * 60 * 60); //时间到期自动跳转登录页面,
},
token自己去删 下课