vue 刷新,store.state 还原为默认值解决方案

在 App.vue created 方法里添加如下代码

created() {
    // 在页面加载时读取localStorage里的状态信息
    if (localStorage.getItem("store") ) {
        this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(localStorage.getItem("store"))))
    }

    // 在页面刷新前将vuex里的信息保存到localStorage里
    window.addEventListener("beforeunload",()=>{
        localStorage.setItem("store",JSON.stringify(this.$store.state))
    })
}

你可能感兴趣的:(vue 刷新,store.state 还原为默认值解决方案)