Vuex：无法通过模块模式突变中的状态。 无需突变即可提交突变

Question

我想state对我的mutations 。

我有像store.js ：

export const store = new Vuex.Store({
  state: {
    server: 'something'
  },
  modules: {
    Product,
    Cart
  }
})

然后，在我的product.js模块上。 我可以用getters获得store server ，但不能用于mutations 。 附言：我需要commit不axios ..

export default{

    state :{
        abc: 'asdfasf'
    },

    getters :{
        getServer : (state, getters, rootState) =>{
            return rootState.server; //It works fine.
        },

    },
    mutations :{
        UPDATE(state,rootState){
            console.log(state.getters.getServer); //this wont work
            state.abc = rootState.serve; //something like this won't work 
            either
        }
    }

}

Answer 1

无法访问突变中的rootState 。 但是你可以在actions做到这一点，然后调用突变来提交状态

actions:  {
  updateServer ({commit, rootState}) {
    commit('UPDATE', rootState.serve)
  }
},
mutations: {
  UPDATE (state, payload){
     state.abc = payload
 }
}