pinia使用持久化设置persist：true在app端无效

最新推荐文章于 2024-06-03 14:18:09 发布

烂不烂问厨房

最新推荐文章于 2024-06-03 14:18:09 发布

阅读量396

点赞数 1

文章标签：前端 pinia

本文链接：https://blog.csdn.net/weixin_44294359/article/details/135953285

版权

改成这种使用方式，不要改动getItem和setItem代码，是固定写法，我直接存储全部，如果要存部分数据可使用paths自行配置

// persist: true app内无效
persist: {
	storage: {
		getItem(key) {
			return uni.getStorageSync(key)
		},
		setItem(key, value) {
			uni.setStorageSync(key, value)
		}
	}
}

我使用的版本

"pinia-plugin-persist": "^1.0.0",
"pinia-plugin-persistedstate": "^3.2.0"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

烂不烂问厨房

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
pinia使用持久化设置persist：true在app端无效

pinia使用持久化设置persist：true在app端无效
复制链接

扫一扫

persistent=true的应用在覆盖安装后出现闪退

jidapenglin28的专栏

12-02

725

问题描述 2020-11-20上午发现versionCode=2130923534版本的com.xxx.ota应用的静默升级存在600多次crash，经过分析，主要来自（1）java.lang.ClassCastException: com.xxx.ota.biz.binder.OtaUpdateBinder cannot be cast to com.xxx.ota.biz.binder.OtaUpdateBinder （2）Caused by: android.content.res.Re

在vue中使用pinia，并且保持数据持久化

04-15

别捧一踩一，但是pinia可以取代vuex不是没有理由的，这个资源来自于这篇文章 https://blog.csdn.net/shaoyahu/article/details/130169637

参与评论您还未登录，请先登录后发表或查看评论

Vue3中使用pinia+pinia-plugin-persist做持久化踩的坑

weixin_43802883的博客

06-09

4705

vue3下的pinia坑-----踩坑日记组件内使用；登录页在登录使用操作保存setToken：登录成功后并没有将token值存入localstorage中解决办法：把获取的pinia实例对象放在需要操作pinia之前搞定，为什么pinia会抽风，待研究......................................................

pinia使用 piniaPluginPersist 持久化使用时候，添加persist属性时报错

m0_55333789的博客

05-27

252

pinia使用 piniaPluginPersist 持久化使用时候，添加persist属性时报错

pinia-plugin-persistedstate 插件不生效

小秀的博客

02-07

1462

使用 pinia-plugin-persistedstate 插件进行数据持久化存储到 localStorage 中，但是插件不生效。

vue3+vite+pinia+pinia-plugin-persist持久化存储无效

dnpao的专栏

11-17

8376

Pinia持久化失效pinia-plugin-persistedstate

南湖小皮的博客

04-22

1919

肯定能解决，哈哈哈，找了这么多，你这次你找对了文章。网络上的这个资料都是有问题的，没有讲明白原由。需求，我想在我前端的业务层里使用 store，但是是持久层store，不过没有生效。下面是错误的写法，这个写是不生效的。 import { useGlobalStore } from '@/store/modules/global'; import { useMemberStore } fro...

Pinia持久化失败

qq_45415290的博客

03-11

705

pinia借助pinia-plugin-persistedstate持久化失败

uniapp+vue3+pinia框架（模块化+持久化存储）

06-15

uniapp+vue3+pinia框架 uniapp：导航栏双页切换 vue3+pinia：实例化+参数输出+方法调用+模块化+持久化存储购买后任何问题请私信沟通或添加技术服务群咨询。

pinia-vue3-example:使用vue-next和pinia @ next的示例

05-13

Pinia的Vue 3示例用法 yarn yarn dev 然后使用检查。有关的

uni-app+Vue3+pinia+uview-plus搭建的项目包

12-28

uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...

大事件管理系统（vue3）compositionAPI/pinia/pinia持久化处理

05-22

大事件管理系统（vue3）compositionAPI/pinia/pinia持久化处理/Element Plus/pnpm包管理器/Eslint+prettier/husky(Git hooks)

pinia持久化未生效

weixin_46176940的博客

05-28

367

pinia持久化未生效

pinia 组合式api 设置了persist：true，还是无法实现持久化

weixin_67311202的博客

01-18

642

需要在return里面导出 appInfo响应式对象，不然就算设置了持久化，也无法持久化，具体原因不是很清楚，有哪位大佬可以解惑一下。

pinia数据存本地缓存(数据持久化)插件pinia-plugin-persistedstate

最新发布

zhw_1219的博客

06-03

180

pinia数据存本地缓存(数据持久化)插件

pinia-plugin-persist失效了

Good Luck

06-14

3814

只有真正的改变了store的值，才能触发持久化的存储,博主学习的时候在这里踩了很久的坑，当时只是改变了数据的引用，并没有真正改变pipia里面的值，以为pinia-plugin-persist失效了，看了源码才知道原理是通过$subscribe监听，断点调试发现没有触发才恍然大悟。...

pinia + pinia-plugin-persistedstate + 组合式API 写法，持久化失效问题

u012533474的博客

02-28

6457

2，初始化后本地存储没有，后来经过测试发现是store里面的数据，必须改变一次才能保存，也就是说如果我第一次调用没有设置过数据，是默认数据，是不会持久化保存的（默认数据好像也没有必要保存吧），当然也可能又其他配置可以初始化保存，暂时没有找到相关文档说明。不知道是不是pinia不推荐组合式的写法还是什么原因，感觉组合式的例子没有几个，网上用的也很少，资料也找不到，只能自己慢慢测试，先记录一下问题吧，防止后面又遇到。3，（我主要问题）上面配置都好了，组合式不能持久化，测试。首先是组合式写法，配置持久化。

使用pinia持久化插件时踩过的坑

Define_best的博客

01-25

676

pinia-plugin-persist 插件失效

pinia 数据持久化

weixin_52020362的博客

09-17

1003

pinia数据持久化插件 pinia-plugin-persistedstate

pinia持久化persist

11-24

Pinia 是一个 Vue 3 的状态管理库，它提供了一个插件 pinia-plugin-persist 来实现数据的持久化存储。pinia-plugin-persist 可以将 Pinia 的状态存储在浏览器的 localStorage 或者 sessionStorage 中，以便在刷新页面或者重新打开浏览器时仍然可以保留状态。以下是使用 pinia-plugin-persist 实现数据持久化的示例代码： 1. 安装 pinia 和 pinia-plugin-persist： ```shell npm install pinia pinia-plugin-persist ``` 2. 在 main.js 中引入 pinia 和 pinia-plugin-persist，并注册插件： ```javascript import { createApp } from 'vue' import { createPinia } from 'pinia' import { createPersist } from 'pinia-plugin-persist' import App from './App.vue' const pinia = createPinia() pinia.use(createPersist({ // 配置项 })) createApp(App).use(pinia).mount('#app') ``` 3. 在插件的配置项中指定要存储的状态： ```javascript pinia.use(createPersist({ // 配置项 /** 要存储的状态 */ state: { /** 要存储的状态名 */ myState: { /** 存储在 localStorage 中的键名 */ key: 'myState', /** 存储在 sessionStorage 中的键名 */ sessionKey: 'myStateSession', /** 是否启用 sessionStorage */ session: false, /** 是否启用深度监听 */ deep: true, /** 是否启用异步存储 */ async: false, /** 存储前的转换函数 */ beforePersist: (state) => state, /** 恢复后的转换函数 */ afterRestore: (state) => state, }, }, })) ``` 4. 在组件中使用 Pinia 的状态： ```javascript import { defineComponent } from 'vue' import { useStore } from 'pinia' export default defineComponent({ setup() { const store = useStore() // 读取状态 const myState = store.myState // 修改状态 store.myState = 'new value' }, }) ```

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交