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
 }
}