Vuex：別のモジュールからのアクセス状態

Question

state.sessionにinstance.js、records_view.jsにアクセスしたいとします。これはどのように達成されますか？

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

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

店/モジュール/ records_view.js

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 
    ); 
    } 
}; 

instance.js

店/モジュール/これは、追加のコンテキストの少しのためのものです。

店/ index.js

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

state参照他のモジュールの状態にアクセスする場合は、ローカル状態とrootStateを使用する必要があります。

let session = context.rootState.instance.session; 

ドキュメント：アクションからhttps://vuex.vuejs.org/en/modules.html

Answer 2

あなたgettersでそれにアクセスするには、以下のようなあなたの状態でsessionを定義する必要があります。

const state = { 
    session: '' 
} 

あなたはmutationを記述する必要があり、この状態値を設定するためにあなたのアクションから呼び出されます。

Answer 3

：

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

    },