javascript - 如何在 Nuxt 中从一个 Vuex 状态访问另一个状态？

Question

我在 Nuxt store 目录中有两个 Vuex 商店。我无法从一家商店访问另一家商店的状态，即使通过 routeState 也是如此。

存储 1:index.js

export const state = () => ({
    token: false
})
export const getters = {}
export const mutations = {}
export const actions = {}

存储 2:api.js

export const state = () => ({
    apiBase: 'https://myurl.com/'
})
export const getters = {
    getAPI: (state, rootState) => {
        // Need the state token from index.js here
    },
}
export const mutations = {}
export const actions = {}

这里，

• state 返回api.js中的状态变量，即apiBase
• routeState 返回 api.js
中的 getter
• this 在 Vuex getter 中未定义，它不起作用

如何从 index.js 访问状态或 getter？

Answer 1

rootState 在第三个参数中被暴露到一个 getter 中。

const getters = {
  getApi: (state, getters, rootState) => {
    // Access the state token from index.js
    rootState.token
 }}

查看此页面了解更多详情 Vuex Docs