码迷,mamicode.com
首页 > 其他好文 > 详细

保存vuex状态刷新不消失

时间:2020-07-10 09:50:16      阅读:87      评论:0      收藏:0      [点我收藏+]

标签:刷新   add   list   listen   img   item   style   his   span   

 

写在App.vue中,所有页面共享此方法

export default {
  name: "app",
  components: {},
  created() {
    // 页面每次刷新加载时候都会去读取sessionStorage里面的vuex状态if (sessionStorage.getItem("store")) {
      this.$store.replaceState(
        Object.assign(
          {},
          this.$store.state,
          JSON.parse(sessionStorage.getItem("store")) //这里存的是可能经过mutions处理过的state值,是最新的,所以放在最后
        )
      );
    }
    // 在页面刷新之前把vuex中的信息存到sessionStoreage
    window.addEventListener("beforeunload", () => {
      sessionStorage.setItem("store", JSON.stringify(this.$store.state));
    });
  }
};



 技术图片

 

 

 vuex该怎么写还是怎么写,就不用跟以前一样如果想保存每个 state 里面的状态值,都要写个sessionStorage了。

保存vuex状态刷新不消失

标签:刷新   add   list   listen   img   item   style   his   span   

原文地址:https://www.cnblogs.com/xiaoliziaaa/p/13277437.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!