鍍金池/ 問(wèn)答/HTML/ vuex分割模塊commit失敗

vuex分割模塊commit失敗

inner.js

export default inner = {
  state: {
    acDeviceId: null
  },
  mutations: {
    setAcDeviceId(state, acDeviceId) {
      state.acDeviceId = acDeviceId
    }
  },
  getters: {
    getAcId: state => state.acDeviceId
  }
}

out.js

import inner from 'inner.js'
export default new Vuex.Store({
  state: {
    
  },
  mutations: {
    
  },
  actions: {

  },
  modules: {
    inner
  }
})

上面的代碼是全局注冊(cè)的，然后在其他組件中this.$store.commit('setAcDeviceId', 10)，結(jié)果看到acDeviceId仍然為null，為什么呢？我看到項(xiàng)目其他地方也是這樣寫(xiě)的都沒(méi)問(wèn)題啊

回答
編輯回答
選擇

this.$store.inner.commit('setAcDeviced', 10)?

2018年9月21日 10:05
編輯回答
冷溫柔

把module導(dǎo)出語(yǔ)句改成

export default {
  state: {
    acDeviceId: null
  },
  mutations: {
    setAcDeviceId(state, acDeviceId) {
      state.acDeviceId = acDeviceId
    }
  },
  getters: {
    getAcId: state => state.acDeviceId
  }
}
2017年9月23日 20:14
編輯回答
妖妖
export default new Vuex.Store({
modules: {
inner
}
})
2017年6月5日 04:43