接下来,你需要在uniapp项目中配置Pinia并使用pinia-plugin-persistedstate插件。通常,你会在main.js或main.ts文件中进行这些配置。 javascript // main.js 或 main.ts import { createApp } from 'vue'; import App from './App.vue'; import { createPinia } from 'pinia'; import piniaPluginPersistedstate...
但是服务于 pinia 和 uniapp 的却没有,其中pinia-plugin-persist虽然同样可以满足需求,但是由于其默认数据持久化的方式是 sessionStorage,使用时需要重复的配置,作为一个有手的程序员,当然不能忍,于是便有了pinia-plugin-persist-uni。
本项目采用pinia-plugin-persistedstate插件实现Pinia状态持久化,针对小程序端不兼容问题,通过替换为uni.setStorageSync和uni.getStorageSync等多端兼容API,确保在不同平台均能实现数据持久化存储。
1//stores/persist.js2import { createPersistedState } from 'pinia-plugin-persistedstate'3export const piniaPluginPersistedstate =createPersistedState({4key: (id) =>`__persisted__${id}`,5storage: {6getItem: (key) =>{7returnuni.getStorageSync(key)8},9setItem: (key, value) =>{10uni.setSto...
pinia.use(piniaPluginUnistorage); export default pinia; -在 store 中启用: ```javascriptimport{ defineStore }from'pinia';exportconst useMyStore = defineStore('myStore', {state:()=>({data: [] }),persist:true}); 4.pinia-plugin-subscriber ...
Persist pinia state data in uniAppStorage. Contribute to Otto-J/fork-pinia-plugin-persist-uni development by creating an account on GitHub.
@wsvaio/pinia-plugin-persist pinia 持久化辅助插件 快速使用 import{createPinia}from"pinia";importpiniaPluginPersistfrom"@wsvaio/pinia-plugin-persist";constpinia=createPinia();pinia.use(piniaPluginPersist()); defineStore("xxx",{...persist:true,...}); ...
简介: uniapp项目实战第五章:小程序Pinia持久化 小程序Pinia持久化 说明:项目中 Pinia 用法平时完全一致,主要解决持久化插件兼容性问题。 持久化存储插件 持久化存储插件: pinia-plugin-persistedstate 插件默认使用 localStorage 实现持久化,小程序端不兼容,需要替换持久化 API。 网页端持久化 API // 网页端API ...
0.0.2•Public• Published2 years ago This package does not have a README.Add a READMEto your package so that users know how to get started. Readme Keywords none npm iuniapp-pinia-plugin-persist Weekly Downloads 0 Version 0.0.2 ...
Persist pinia state data in uniAppStorage. Contribute to Otto-J/fork-pinia-plugin-persist-uni development by creating an account on GitHub.