526互联

vue pinia sessionstorage 数据存储不上的原因

发布时间 2023-11-16 20:50:18作者: 互联网Fans

vue pinia sessionstorage 的坑

默认的配置是开始 localStorage

如果用 sessionstorage 则发现数据存储不上 ，是因为缺少了序列化和反序列化

import { parse, stringify } from 'zipson'

export const useCounterStore = defineStore('counter', () => {
  const count = ref(0)
  function increment() {
    count.value++
  }

  return { count, increment }
},{
    {
  // 开启数据持久化
  persist: {
   storage: sessionStorage,
     serializer: {
      deserialize: parse, //JSON.parse
      serialize: stringify//JSON.stringify
    }
  }
  // ...省略
}
})