Vue退出登录时清空缓存

object、

于 2021-06-15 17:37:34 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue 缓存

本文链接：https://blog.youkuaiyun.com/o_b_j_e_c_t/article/details/117929674

该博客介绍了如何在Vue应用中，于组件的mounted生命周期钩子内设置监听浏览器窗口关闭事件，以便在用户离开页面时自动清理localStorage中的缓存数据。这对于多页面应用程序尤其重要，确保每个页面的数据独立且不污染其他页面的存储。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接在mounted方法中加上下面代码即可：

mounted() {
        // 关闭浏览器窗口的时候清空浏览器缓存在localStorage的数据
        window.onbeforeunload = function (e) {
            var storage = window.localStorage;
            storage.clear();
        };
    }

如果是多页面的程序的话，在每一个页面同理只要在mounted方法中，注册这个事件即可！