解决vue单页面刷新后vuex中数据恢复初始值的问题

Posted 2021-02-13 ak-b

思路是页面关闭前将state的数据存储到浏览器缓存里，页面加载时再取出来存到state中

//App.vue
created () {
  if (this.$getLocal("store")) {
    this.$store.replaceState(
      Object.assign({}, this.$store.state, this.$getLocal("store", "parse"))
    );
  }
  window.addEventListener("beforeunload", () => {
    this.$setLocal("store", this.$store.state);
  });
}