解决刷新保存vuex里面保存的数据

最新推荐文章于 2024-07-02 17:47:34 发布

m0_45043105

最新推荐文章于 2024-07-02 17:47:34 发布

阅读量314

点赞数

本文链接：https://blog.csdn.net/m0_45043105/article/details/106280514

版权

只需要在app.vue里面写入以下代码

<template>
  <div id="app">
    <router-view />
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  created() {
    if (sessionStorage.getItem("store")) {
      this.$store.replaceState(
        Object.assign(
          {},
          this.$store.state,
          JSON.parse(sessionStorage.getItem("store"))
        )
      );
    }

    window.addEventListener("beforeunload", () => {
      sessionStorage.setItem("store", JSON.stringify(this.$store.state));
    });
  }
};
</script>

<style>
body .el-table th.gutter {
  display: table-cell !important;
}
/* #app{
  min-width: 1280px 
} */
</style>

<style lang="scss">

</style>