当页面未操作30分钟后跳转到登录页面

复制代码
  data() {
        return {
            currentTime: new Date().getTime()
        };
    },
    methods: {
        OperatingWebsite() {
            let currentTime = this.currentTime;
            console.log(currentTime, "currentTime");
            let lastTime = new Date().getTime();
            console.log(lastTime, "lastTime");
            let timeOut = 10 * 60 * 1000; //设置时间 10分钟
            if (lastTime - currentTime > timeOut) {
                // 未操作页面,跳转登录页面
                this.currentTime = new Date().getTime();
                const fullPath = this.$route.fullPath;
                const query = this.$Base64.encode(fullPath);
                this.$router.push({
                    path: "/user",
                    query: {
                        type: query
                    }
                });
            } else {
                this.currentTime = new Date().getTime();
            }

        }
    }
复制代码
1 <div id="app" @mouseover="OperatingWebsite()" >
2     <router-view/>
3   </div>

 

posted @   前端极客  阅读(1314)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决
点击右上角即可分享
微信分享提示