uniapp微信小程序开发踩坑日记:Pinia持久化报错Cannot read property ‘localStorage‘ of undefined

插件默认使用 localStorage 实现持久化,小程序端不兼容,需要替换持久化 API

import { defineStore } from 'pinia'

复制代码
export const useCommonStore = defineStore('pack-store', {
  state: (): State => ({
    wwInfo: {},
    globalData: {},
    timerLock: false, //是否关闭合成定时器
  }),
  getters: {},
  actions: {
    setWwInfo: (state: State, data: any) => {
      this.wwInfo = data;//注意这里不用加state。直接this就行
    },
},
  {
  // 配置持久化
  persist: {
    // 调整为兼容多端的API
    storage: {
      setItem(key, value) {
        uni.setStorageSync(key, value) 
      },
      getItem(key) {
        return uni.getStorageSync(key) 
      },
    },
  },
},
)
相关推荐
zhulangfly39 分钟前
Wux weapp 组件库的 bug—— wux-picker选择器组件无法正确初始化到选定的value
小程序·wux weapp
兔C2 小时前
微信小程序的轮播图学习报告
学习·微信小程序·小程序
用户48062260414153 小时前
使用uniapp开发微信小程序-框架搭建
微信小程序·uni-app
嘟嘟实验室3 小时前
微信小程序xr-frame透明视频实现
微信小程序·ffmpeg·音视频·xr
Cc_Debugger3 小时前
小程序将对象通过url传递到下个页面
小程序
低代码布道师4 小时前
从用户视角出发:用例图分析家政预约小程序
低代码·小程序
说私域4 小时前
社交媒体形象打造中的“号设化”与开源AI智能名片商城小程序的应用
人工智能·小程序·媒体
TttHhhYy5 小时前
uniapp+vue开发app,蓝牙连接,蓝牙接收文件保存到手机特定文件夹,从手机特定目录(可自定义),读取文件内容,这篇首先说如何读取,手机目录如何寻找
开发语言·前端·javascript·vue.js·uni-app
Funky_oaNiu5 小时前
uniapp实现按钮防重复点击(防抖)完整解决方案
uni-app
原克技术5 小时前
uniapp验证码
uni-app