vue刷新页面时 保存store对象内的值

如题:

需求:在页面刷新时,仍然想保留此次页面中store内存储的特征值

在App.vue的created中,添加监听,代码如下:

//在页面加载时读取sessionStorage里的状态信息
        if (sessionStorage.getItem("store")) {
            this.$store.replaceState(
                Object.assign(
                    {},
                    this.$store.state,
                    JSON.parse(sessionStorage.getItem("store"))
                )
            );
        }
        //在页面刷新时将vuex里的信息保存到sessionStorage里
        window.addEventListener("beforeunload", () => {
            sessionStorage.setItem("store", JSON.stringify(this.$store.state));
        });

 

你可能感兴趣的:(vue刷新页面时 保存store对象内的值)