reload vue 重新加载_在重新加载或在vue.js中关闭之前执行某些操作

最新推荐文章于 2022-07-06 11:22:20 发布

weixin_39800062

最新推荐文章于 2022-07-06 11:22:20 发布

阅读量543

点赞数

文章标签： reload vue 重新加载

本文链接：https://blog.csdn.net/weixin_39800062/article/details/111807949

版权

I have a Vue.JS application with a beforeDestroymethod that I'm trying to use to store some data in local storage before the app closes or is reloaded. Just for reference:

beforeDestroy: function() {

localStorage.setItem('preference', this.preference);

...

}

However, neither closing nor reloading the app actually calls this method. How can I make sure this method is called before the app is closed?

解决方案

what is it that 'closes' or 'reloads' the app? is it the user in the browser closing the window and or refreshing the page? If that is the case, nothing is "destroyed" and that function won't run. You would have to define a onbeforeunload function globally:

window.onbeforeunload = function(){

return "Are you sure you want to close the window?";

}

then you can save items to local storage inside that function before the return statement.

hint: don't define it inside your beforeDestroy function, because again, that just wont run when you reload the page or navigate away.