我有一个内置于Nuxt的vue应用程序,它启用了vue路由/历史记录 .
问题是当我将某些内容保存到app状态/ Vuex时,它会在单页上更改,但是当我导航到新页面时,它已被清除并将状态返回到它的默认值 .
我是否必须做一些事情来使vuex中的状态管理能够在不同的页面上工作?
存储/ index.js
import Vuex from "vuex"
const createStore = () => {
return new Vuex.Store({
state: {
count: 10,
username: "John Smith",
loggedIn: false
},
mutations: {
loginStatus(state, status) {
state.loggedIn = status
},
setUsername(state, name) {
state.username = name
}
}
})
}
export default createStore
来自vue应用程序的代码
this.$store.commit("loginStatus", true)
this.$store.commit("setUsername", "Adam")
1 回答
我已经将https://www.npmjs.com/package/vuex-persistedstate添加到项目中,它似乎已经修复了问题,但如果有更简单的方法让我知道 .