Chcę, aby uzyskać dostęp state.session
w instance.js
od records_view.js
. Jak to się robi?
store / modules / instance.js
const state = {
// This is what I want to access in records_view.js
session: {}
};
const getters = {
sessionGetter: state => state.session
};
store / modules / 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
);
}
};
To jest dla trochę dodatkowego kontekstu.
store / 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
}
});
javascript
vue.js
vuex
Donnie
źródło
źródło
z akcji:
'contacts:update' ({ commit, rootState }) { console.log('rootState', rootState.users.form) ...... },
źródło
U mnie miałem moduły vuex, ale potrzebowałem mutacji, aby zaktualizować STATE w innym pliku. Udało mi się to osiągnąć, dodając TO
Nawet w module możesz zobaczyć do jakiego stanu globalnego masz dostęp poprzez console.log (this.state)
const mutations = { MuteChangeAmt(state, payload) { //From user module; Need THIS keyword to access global state this.state.user.payees.amount = payload.changedAmt; } }
źródło
context.commit('user/change_amount', new_amount, {root: true})
W moim przypadku tak to zadziałało.
W pliku ModuleA.js:
Module A: export const state = { parameterInA: 'A' } export const action = { showParameterB() { console.log("Parameter B is: " + this.state.B. parameterInB) }
W pliku ModuleB:
export const state = { parameterInB: 'B' } export const action = { showParameterA() { console.log("Parameter A is: " + this.state.A.parameterInA) }
Będziesz musiał zaimportować ModuleA i B w pliku index.js dla katalogu głównego:
import * as A from 'ModuleA.js' import * as B from 'ModuleB.js'
W ten sposób parametr stanu może być powiązany z podmodułami.
źródło
Musisz zdefiniować
session
w swoim stanie, na przykład następujące, aby uzyskać do niego dostęp w swoich getterach :const state = { session: '' }
Musisz napisać mutację , która zostanie wywołana z twoich działań, aby ustawić wartość tego stanu.
źródło
context.rootState.instance.session