vue.js - 从 vuex 中的模块 getter 访问根状态

Question

我的根状态包含来自 nuxt/auth 的身份验证数据..

在 store/modules/messages/内部，我还有状态和 setter/getter 等。

在 getter 内部，我需要从根状态获取身份验证数据，但我不知道如何..

我尝试将 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

但这仍然返回模块状态..

Answer 1

在 vuex 模块中，getter 获取 4 个参数，即本地状态、本地 getter、根状态和根 getter。

// messages/getters.js

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