1、打开App.vue 页面,然后新增监听全局点击事件的方法
data() {
return {
lastTime: null,
timeOut: 10 * 100 * 60,
}
},
metaInfo() {
return {
title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
titleTemplate: title => {
return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
}
}
},
created() {
this.lastTime = new Date().getTime()
},
methods: {
//全局监听得点击事件
isTimeOut() {
var currentTime = new Date().getTime();
// 判断上次最后一次点击的时间和这次点击的时间间隔
if (currentTime - this.lastTime > this.timeOut) {
//这个是判断 当前用户是否登录,根据自己的情况写
// if (null != sessionStorage.getItem('token')) {
this.$alert('身份验证已过期,请重新登录', '提示', {
confirmButtonText: '确定',
callback: action => {
//这里写路由(跳转到登录页)
this.$router.replace('/login')
}
});
// }
} else {
// 如果在期限内点击,则把这次点击的时间覆盖掉之前存的最后一次点击的时间
this.lastTime = new Date().getTime()
}
}
}