vuex-persistedstate vuex状态保持..但是我想让部分数据刷新即恢复要怎么设置?

Question

我现在vuex里面的数据,部分是刷新不丢失,部分是刷新要恢复初始的状态..
要怎么写呀~~~
我现在这样写的..要怎么配置呢~~~

import createPersistedState from "vuex-persistedstate"
const store = new Vuex.Store({
  // ...
  state: {
     page: 1
  },
  plugins: [createPersistedState({
      storage: window.sessionStorage
  })]
})

我需要page这个参数, 在刷新时候恢复1的值...
请问各位大神,这要怎么设置呀` 可能大部分是要缓存的,但是只有小部分是刷新即恢复的..

Answer 1

plugins: [createPersistedState({
      storage: window.sessionStorage,
      reducer(val) {
          return {
          // 只储存state中的user,不把page放在这里面
          user: userStore
        }
     }
  })]

试一下

Answer 2

没用过这个插件 按我的理解 需要持久化的放在它下面，不需要的之前怎么写就怎么写。
持久化vuex存储不难，自己写一个就行了，state中获取的时候默认从缓存里面取，取不到就用默认值或者其他值，commit的时候在往缓存里面存一下就行了，下次刷新因为数据优先从缓存中取，所以不会消失。