宁波网站优化服务,新闻发布会是一种,cms开源网站管理系统,做网站时背景图片浮动持久化失效卡了一天的问题安装使用就不多说了#xff0c;主要是针对持久化失效的几个问题说明和解决方法首先是组合式写法#xff0c;配置持久化export const useUserStore defineStore(user, () {},{persist: true}
)defineStore 第三个参数#xff0c;具体可以看 p…持久化失效卡了一天的问题安装使用就不多说了主要是针对持久化失效的几个问题说明和解决方法首先是组合式写法配置持久化export const useUserStore defineStore(user, () {},{persist: true}
)defineStore 第三个参数具体可以看 pinia-plugin-persistedstate 相关文档1网上最多的是关于路由中使用导致失效问题主要是获取数据时候pinia还没有完全加载完全导致路由期间获取不到解决方法很简单加载的时候选择路由加载完成再继续// 路由加载完成后挂载
router.isReady().then(() {app.use(pinia).mount(#app)
});还又一个做路由守卫的时候把获取store方法写到函数中不要写到最外层举个官方例子import { createRouter } from vue-router
const router createRouter({// ...
})// ❌ 由于引入顺序的问题这将失败
const store useStore()router.beforeEach((to, from, next) {// 我们想用这里的 storeif (store.isLoggedIn) next()else next(/login)
})// 上面就是 const store useStore() 写到外面里面获取出错下面是正确写法router.beforeEach((to) {// ✅ 这样做是可行的因为路由器在安装完之后就会开始导航。// Pinia 也将被安装。const store useStore()if (to.meta.requiresAuth !store.isLoggedIn) return /login
})
2初始化后本地存储没有后来经过测试发现是store里面的数据必须改变一次才能保存也就是说如果我第一次调用没有设置过数据是默认数据是不会持久化保存的默认数据好像也没有必要保存吧当然也可能又其他配置可以初始化保存暂时没有找到相关文档说明3我主要问题上面配置都好了组合式不能持久化测试 Option Store 没有问题这个主要就是组合式的写法问题导致的组合式的写法必须最后retrun的部分才会再$state里面我写的时候因为写一个getUser()这样的函数所有只是返回了这个函数没有返回user这个对象导致user这个对象一直不能持久化最后测试发现这个问题的测试方案如下自己写一个pinia的插件const piniaPlugin (context: PiniaPluginContext) {// 打印出store的所有内容console.log(context, context)
}// 创建pinia实例
const pinia createPinia()
pinia.use(piniaPlugin)
然后我解析了contex发现没有user也就是说我无论怎么改变user没有return出来的$state对象里面没有就不会持久化保存 pinia-plugin-persistedstate 只会保存$state里面的对象而组合式的没有return出来的 ref 或者 reactive 对象都不会到$state对象中所有一定要注意不知道是不是pinia不推荐 组合式 的写法还是什么原因感觉组合式的例子没有几个网上用的也很少资料也找不到只能自己慢慢测试先记录一下问题吧防止后面又遇到
