Question

我有一个在Nuxt中构建的vue应用，该应用启用了vue路由/历史记录。

问题是，当我将某些内容保存到应用状态/ Vuex时，它可以在单页上更改，但是当我导航到新页面时，它已被清除，并将状态返回为其默认值。

我需要做些什么来使vuex中的状态管理在不同页面上工作吗？

store / 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")

Answer 1

我已经向项目添加了https://www.npmjs.com/package/vuex-persistedstate，它似乎已经解决了问题，但是请告诉我是否有更简单的方法。

Vuex /状态管理不适用于具有路由历史记录的Nuxt

1 个答案: