有时候需求上面会让我们监听F5刷新浏览器,进行一些回调,vue中没有这种钩子函数,只能借助原生js给window对象绑定两个监听事件。
在App.vue中的mounted中添加:
window.addEventListener("beforeunload", e => {
this.unloadFn(e);
});
在destroyed中添加:
window.removeEventListener("beforeunload", e => {
this.unloadFn(e);
});
methods:
unloadFn(){
//你的逻辑代码
}
这样就可以刷新之后也能看到想要的效果了。