vbenjs / vue-vben-admin

A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!
https://www.vben.pro
MIT License
25.34k stars 6.9k forks source link

pinia 中使用 持久化插件无效 #3420

Closed SanpLee closed 11 months ago

SanpLee commented 11 months ago

⚠️ 重要 ⚠️ 在进一步操作之前,请检查下列选项。如果您忽视此模板或者没有提供关键信息,您的 Issue 将直接被关闭

描述 Bug

pinia 中使用 持久化插件无效, 刷新前可以在localstorage 里看到,刷新浏览器后就没了

export const useProStore = defineStore({ id: 'app-pro', state: (): ProInfo => ({ Id: '', }), getters: { getProId(state): string { return state.Id; }, }, actions: { setId(id: string) { this.Id = id; }, }, persist: true, });

解决方式: 修改此文件 src/store/index.ts

import type { App } from 'vue'; import { createPinia } from 'pinia'; import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';

//import { registerPiniaPersistPlugin } from '@/store/plugin/persist'; const store = createPinia(); //registerPiniaPersistPlugin(store);

store.use(piniaPluginPersistedstate); export function setupStore(app: App) { app.use(store); }

export { store };

复现 Bug

请描述在演示页面中复现 Bug 的详细步骤,以确保我们可以理解并定位问题。部分 Bug 如果未在 Demo 中涉及,请务必提供关键代码

系统信息

wangjue666 commented 11 months ago

@SanpLee 刷新是指浏览器页面刷新还是路由刷新?

SanpLee commented 11 months ago

@wangjue666 刷新浏览器

已解决

wangjue666 commented 11 months ago

@wangjue666 刷新浏览器

已解决

ok 此issue就关闭了