解决Vuex刷新丢失数据问题

小游敲代码

于 2023-06-12 10:51:03 发布

阅读量142

点赞数

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

本文链接：https://blog.csdn.net/Alisonyou/article/details/131164269

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.安装 vuex-persistedstate

npm install --save vuex-persistedstate

2.使用

/store/index.js下

const store = new Vuex.Store({

    modules: {
        userOption,
    },
    plugins: [
        // 解决vuex刷新失效问题
        createPersistedState(
            {
               
                // 存储方式
                storage: window.sessionStorage,


                // 方法一：模块.数据
                paths: ['userOption.user'],

                // 方法二
                // reducer(state) {
                //     // 此时，当state值发生改变的时候，就会调用此函数，当前state对象
                //     return {
                //         'userOption.user': state.userOption.user
                //     }
                // }
            }
        )
    ]

})