vue一定时间页面无操作则让session失效回到登录页面
<template><div id="app" @mousemove="moveEvent" @click="moveEvent"><!--<keep-alive><router-view v-if="$route.m
·
<template>
<div id="app" @mousemove="moveEvent" @click="moveEvent">
<!--<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>-->
<router-view ></router-view>
</div>
</template>
<script>
export default {
name: 'App',
/**
* 监听浏览器刷新
*/
data(){
return {
timmer: null,
}
},
methods: {
moveEvent(){
// console.log("清除了定时器!!!!!")
let path = ['/login']
if(!path.includes(this.$route.path)) { //如果不是登录页面的话页面停止进行30分钟后清空session
clearTimeout(this.timmer);
this.init();
}
},
init(){
this.timmer=setTimeout(()=>{
//清除session
sessionStorage.removeItem("sessionData");
sessionStorage.clear();
//清除缓存
this.$cache.reset();
//跳往登录页面
this.$router.push({
path: "/login",
});
},30*60*1000);//设置半小时清空session进入屏保
},
}
}
</script>
更多推荐
已为社区贡献30条内容
所有评论(0)