Nuxt에서 다른 Vuex 상태에서 Vuex 상태에 액세스하는 방법

Nuxt에서 다른 Vuex 상태에서 Vuex 상태에 액세스하는 방법

Nuxt에 Vuex 스토어가 2개 있습니다.store디렉토리로 이동합니다.다른 스토어에서 한 스토어의 상태에 액세스할 수 없습니다.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
• routeStategetters를 반환한다.api.js
• thisVuex getters에 정의되어 있지 않기 때문에 동작하지 않습니다.

index.js에서 상태 또는 getter에 액세스하려면 어떻게 해야 합니까?

rootState는 세 번째 인수에 의해 getter에 공개됩니다.

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

Vuex Docs에 대한 자세한 내용은 이 페이지를 참조하십시오.

언급URL : https://stackoverflow.com/questions/62755962/how-to-access-one-vuex-state-from-another-in-nuxt