vue 在keep-alive 使用定时 使用hook的方式结束定时
因为keep-alive 不触发beforeDestroy 所以使用activated
组件使用keep-alive缓存,beforeDestroy和destroyed没有被触发
activated() {
this.createTimingHook()
},
createTimingHook() {
localStorage.setItem("lastTime", new Date().getTime());
// 每3秒 调用检查时间的方法
// 创建定时
let timer = setInterval(this.checkTimeout, 3000);
// 页面监听 按下鼠标更新操作时间
window.onload = function () {
window.document.onmousedown = function () {
localStorage.setItem("lastTime", new Date().getTime());
}
};
this.$once('hook:deactivated', () => {
clearInterval(timer);
timer = null;
console.log('销毁')
})
},