vue3中使用pinia、pinia-plugin-persist解决刷新store数据丢失问题

最新推荐文章于 2024-06-11 17:47:15 发布

mxlWhb

最新推荐文章于 2024-06-11 17:47:15 发布

阅读量8.5k

点赞数 2

分类专栏： vue 文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_42859450/article/details/125841641

版权

*

## 注意：**pinia-plugin-persist要触发actions里的方法才会生效**

*
import {defineStore,} from 'pinia'
import {setCookie,removeCookie} from '@/utils/cookie'
export const userStore = defineStore('main', {
    state: () => ({
        user: {
            username: "",
            password: ""
        },
        username: "",
        password:""
    }),
    persist: {
        enabled: true,
        strategies: [{
            storage: localStorage,//localStorage存储多个key
            paths: ['user'],
            key: "user"
        }, {
            storage: localStorage,
            paths: ['password'],
            key: "password"
        },{
            storage: sessionStorage,//sessionStorage存储多个key
            paths: ['password'],
            key: "password"
        }, {
            storage: sessionStorage,
            paths: ['username&