this.$store.getters.getCurChildId undefined
這是由於咱們設置了命名空間namespaced: true,html
在vuex官網中對命名空間的描述以下:
默認狀況下,模塊內部的 action、mutation 和 getter 是註冊在全局命名空間的——這樣使得多個模塊可以對同一 mutation 或 action 做出響應。
若是但願你的模塊具備更高的封裝度和複用性,你能夠經過添加 namespaced: true 的方式使其成爲帶命名空間的模塊。當模塊被註冊後,它的全部 getter、action 及 mutation 都會自動根據模塊註冊的路徑調整命名。vue
import * as types from '../mutation-types.js' const state = { curChildId: '', } // getters const getters = { getCurChildId(state){ return state.curChildId } } // actions const actions = { setCurChildId({ commit }, childId){ commit(types.SET_CURRENT_CHILDID, childId) } } // mutations const mutations = { [types.SET_CURRENT_CHILDID](state, childId) { state.curChildId = childId } } export default { namespaced: true, state, getters, actions, mutations }
因此,調用的時候咱們須要加上路徑,如:vuex
this.$store.dispatch('childs/setCurChildId', item.id) this.$store.getters['childs/getCurChildId'] computed: { getCurChildId2 () { return this.$store.getters['childs/getCurChildId'] } },