vuex의 모듈 getter에서 루트 상태 액세스

vuex의 모듈 getter에서 루트 상태 액세스

nuxt/auth의 인증 데이터를 포함하는 루트 상태가 있습니다.

내부 스토어/모듈/메시지/스테이트/게터 등도 가지고 있습니다.

getters 내부에서는 root 상태에서 인증 데이터를 가져와야 하는데 방법을 모르겠어요.

모듈의 rootState를 index.js에 추가하려고 했습니다.

import state from './state'
import rootState from '../../state'
import * as actions from './actions'
import * as mutations from './mutations'
import * as getters from './getters'

export default {
  namespaced: true,
  state,
  rootState,
  getters,
  mutations,
  actions
}

export const avatar = (rootState) => rootState.auth.user.avatar

단, 모듈 상태가 반환됩니다.

vuex 모듈에서 getter는 local state, local getter, root state 및 root getter의 4가지 인수를 가져옵니다.

// messages/getters.js

export function avatar (state, getters, rootState, rootGetters) {
  return rootState.auth.user.avatar
}

언급URL : https://stackoverflow.com/questions/56921964/access-root-state-from-module-getters-in-vuex