美文网首页
解决vuex页面刷新数据消失问题

解决vuex页面刷新数据消失问题

作者: 为光pig | 来源:发表于2021-01-14 17:36 被阅读0次
//-- 全局监听,页面刷新的时候将store里state的值存到sessionStorage中,然后从sessionStorage中获取,再赋值给store。
                //-- 然后再把session里面存的删除即可,相当于中间件的作用。
                //-- 在页面加载时读取sessionStorage里的状态信息
                if (sessionStorage.getItem("store")) {
                    this.$store.replaceState(
                        Object.assign(
                            {},
                            this.$store.state,
                            JSON.parse(sessionStorage.getItem("store"))
                        )
                    );
                    sessionStorage.removeItem("store")
                    that.$store.commit('showErrorInfo',null);
                }
                //在页面刷新时将vuex里的信息保存到sessionStorage里
                window.addEventListener("beforeunload", () => {
                    sessionStorage.setItem("store", JSON.stringify(this.$store.state)); 
                });

相关文章

网友评论

      本文标题:解决vuex页面刷新数据消失问题

      本文链接:https://www.haomeiwen.com/subject/bpgvaktx.html