Vuex: Başka Bir Modülden Erişim Durumu

Question

numaralı telefona instance.js numaralı telefondan records_view.js numaralı telefondan erişmek istiyorum. Bu nasıl başarılır?

mağaza/modüller//

const state = { 
    // This is what I want to access in records_view.js 
    session: {} 
}; 

const getters = { 
    sessionGetter: state => state.session 
}; 

mağaza/modülleri instance.js Bu ilave bağlam biraz için

const actions = { 
    getSettingsAction (context, props) { 
    // This is how I'm trying to access session, which doesn't work 
    let session = context.state.instance.session; 

    Api(
     context, 
     { 
     noun: props.noun, 
     verb: 'GetRecordsViewSettings', 
     orgUnitKey: _.has(session, 'orgunit.key') ? session.orgunit.key : '', 
     data: {} 
     }, 
     props.callback 
    ); 
    } 
}; 

records_view.js.

mağaza/index.js

listenize getters bunu erişmek için aşağıdaki gibi devlet session tanımlamanız gerekir

import Vue from 'vue'; 
import Vuex from 'vuex'; 
import * as actions from './actions'; 
import * as getters from './getters'; 
import * as types from './mutation-types'; 

import instance from './modules/instance'; 
import recordsView from './modules/records_view'; 

Vue.use(Vuex); 

export default new Vuex.Store({ 
    state, 
    actions, 
    getters, 
    mutations, 
    modules: { 
    instance, 
    recordsView 
    } 
}); 

Answer 1

.

let session = context.rootState.instance.session; 

Dokümantasyon: bir işlemden kaynaklanan https://vuex.vuejs.org/en/modules.html

Answer 2

: Bir mutation yazmak zorunda

const state = { 
    session: '' 
} 

, Bu durum değerini ayarlamak için eylemlerinizden çağrılacak. Diğer modüllerin durumuna erişirken, yerel duruma ve rootState numaralı referanslara başvurulmalıdır

Answer 3

:

'contacts:update' ({ commit, rootState }) { 
    console.log('rootState', rootState.users.form) 
    ...... 

    },