小编Zak*_*dov的帖子

页面刷新后,Vuex 状态在突变中为空,而不是预定义的对象

在一个简单的应用程序中,我创建了一组与组件创建挂钩相关联的简单突变和操作。在浏览器中,按 F5 后,当在 Vuex 选项卡上打开 vue-devtools 时,我在应用程序开始时收到错误消息,尽管这不应该发生。

主要问题:为什么状态为“空”以及如何更改它?

商店.js

export default new Vuex.Store({
  state: {
    a: undefined,
    b: undefined
  },
  mutations: {
    SET_A (state, a) {
      console.info(a)
      state.a = a // ? store.js?c0d6:14
    },
    SET_B (state, b) {
      state.b = b
    }
  },
  actions: {
    setA ({ commit }, a) {
      console.info(a)
      commit('SET_A', a)
    },
    setB ({ commit }, b) {
      commit('SET_B', b)
    }
  }
})
Run Code Online (Sandbox Code Playgroud)

主页.vue

<script>
// @ is an alias to /src
import HelloWorld from …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vuex

5
推荐指数
1
解决办法
1813
查看次数

标签 统计

javascript ×1

vue.js ×1

vuex ×1