sessionStorage和vuex的配套使用

sessionStorage应只用来刷新后的获取,所以应只作为每一次存储的备份
在页面没有刷新时应一直使用state中的数据并维护该状态

以下为getters中的示例,以一个reFlesh维护是否是刷新后的获取,默认为true,进行commit后置为false

infoData: state => {
      if(state.reFlesh) {
        const infoData = sessionStorage.getItem('infoData') ? JSON.parse(sessionStorage.getItem('infoData')) : {}
        return JSON.stringify(infoData) !== '{}' ? infoData : state.infoData
      } else {
        return state.infoData
      }
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ### store 1. Vue 组件中获得 Vuex 状态 ```js //方式一 全局引入单例类 // 创建一...
    芸豆_6a86阅读 4,005评论 0 3
  • 配置 vuex 和 vuex 本地持久化 目录 vuex是什么 vuex 的五个核心概念State 定义状态(变量...
    稻草人_9ac7阅读 4,363评论 0 5
  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 7,985评论 0 7
  • 配置 vuex 和 vuex 本地持久化 目录 vuex是什么 vuex 的五个核心概念State 定义状态(变量...
    sunny688阅读 6,835评论 0 23
  • 目录 vuex是什么 vuex 的五个核心概念State 定义状态(变量)Getter 获取状态(变量的值)Mut...
    北冥有鱼_425c阅读 4,079评论 0 5