vue 页面刷新 vuex状态消失问题

最新推荐文章于 2025-04-10 02:00:00 发布

暖光_&

最新推荐文章于 2025-04-10 02:00:00 发布

阅读量601

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_40971483/article/details/105497818

版权

vue 专栏收录该内容

14 篇文章

订阅专栏

handleStore() {//刷新时将vuex的值保存在sessionStorage,刷新完成读取出来
                let STORE_KEY = "STORE"
                if (sessionStorage.getItem(STORE_KEY)) {
                    this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem(STORE_KEY))))
                    sessionStorage.removeItem(STORE_KEY)
                }
                window.addEventListener("beforeunload", () => {
                    sessionStorage.setItem(STORE_KEY, JSON.stringify(this.$store.state))
                })
            }

原理就是在页面刷新前将vuex的状态存储在sessionStorage中，刷新完成再读取出来