Vuex createPersistedState部分持久化不起作用
Vuex createPersistedState部分持久化不起作用
提问于 2021-06-23 01:05:32
遵循持久化状态文档(https://www.npmjs.com/package/vuex-persistedstate)，我尝试部分持久化状态，如下所示：
export default new Vuex.Store({
state: {
user: {},
signupLayout: false,
adminLayout: false,
sidebarOpen: false,
homeLayout: false, /* New - 6/01/2021 */
cloudinary: {
cloud_name: "*****",
base_upload_preset: "*****",
channel_header_upload_preset: "*****",
profile_image_upload_preset: "*****",
audio_upload_preset: "*****",
cover_image_upload_preset: "*****",
},
plugins: [createPersistedState({
paths: ["user", "signupLayout", "adminLayout", "sidebarOpen", "homeLayout"]
})],
},
mutations: {
setUser(state, user) {
state.user = user;
},
setSignupLayout(state, bool) {
state.signupLayout = bool;
},
setSidebarOpen(state, bool) {
state.sidebarOpen = bool;
},
setAdminLayout(state, bool) {
state.adminLayout = bool;
},
/* New - 6/01/2021 */
setHomeLayout(state, bool) {
state.homeLayout = bool;
},
},但是，当我尝试运行代码时，什么都没有持久化。谁能告诉我为什么，以及如何修复？
回答 3
Stack Overflow用户
回答已采纳
发布于 2021-07-01 02:36:38
插件属性的位置不正确。应该是这样的。
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'
export default new Vuex.Store({
state: {},
mutations: {},
actions: {},
modules: {},
plugins: [createPersistedState()],
})Stack Overflow用户
发布于 2021-06-23 01:35:50
vuex-persistedstate插件可能不需要保存您的默认状态，因为没有任何变化。我在你的vuex商店里也没看到任何突变。persistedstate插件在状态突变上工作，所以用一个突变(vuex docs mutations page)修改你的状态，插件就应该开始工作了。
Stack Overflow用户
发布于 2021-06-24 22:35:05
这是答案非常简单的时候之一。原来我在state属性对象中有plugins属性。我只是把它移到了国家财产之外，现在一切都按预期工作了。
export default new Vuex.Store({
state: {
user: {},
signupLayout: false,
adminLayout: false,
sidebarOpen: false,
homeLayout: false, /* New - 6/01/2021 */
cloudinary: {
cloud_name: "*****",
base_upload_preset: "*****",
channel_header_upload_preset: "*****",
profile_image_upload_preset: "*****",
audio_upload_preset: "*****",
cover_image_upload_preset: "*****",
},
},
plugins: [createPersistedState({
paths: ['user', 'signupLayout', 'adminLayout', 'sidebarOpen', 'homeLayout']
})],
mutations: {
setUser(state, user) {
state.user = user;
},
setSignupLayout(state, bool) {
state.signupLayout = bool;
},
setSidebarOpen(state, bool) {
state.sidebarOpen = bool;
},
setAdminLayout(state, bool) {
state.adminLayout = bool;
},
/* New - 6/01/2021 */
setHomeLayout(state, bool) {
state.homeLayout = bool;
},
},
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68087950
复制相关文章
相似问题
腾讯云开发者
