Vuex: Trạng thái truy cập từ mô-đun khác

Tôi muốn truy cập state.sessiontrong instance.jstừ records_view.js. Làm thế nào điều này được hoàn thành?

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

Đây là một chút ngữ cảnh được thêm vào.

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

statetham chiếu trạng thái cục bộ và rootStatenên được sử dụng khi truy cập trạng thái của các mô-đun khác.

let session = context.rootState.instance.session;

Tài liệu: https://vuex.vuejs.org/en/modules.html

từ một hành động:

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

  },

Đối với tôi, tôi đã có các mô-đun vuex, nhưng cần một đột biến để cập nhật STATE trong một tệp khác. Đã có thể thực hiện điều này bằng cách thêm NÀY

Ngay cả trong mô-đun, bạn có thể xem trạng thái toàn cầu mà bạn có quyền truy cập thông qua 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;
 }
}

Trong trường hợp của tôi, đây là cách nó hoạt động đối với tôi.

Trong tệp ModuleA.js:

Module A:  
export const state = {
    parameterInA: 'A'
 }
export const action = {
    showParameterB() {
    console.log("Parameter B is: " + this.state.B. parameterInB)
}

Trong tệp ModuleB:

export const state = {
    parameterInB: 'B'
 }

export const action = {
    showParameterA() {
    console.log("Parameter A is: " + this.state.A.parameterInA)
}  

Bạn sẽ cần nhập ModuleA & B trong index.js cho thư mục gốc:

import * as A from 'ModuleA.js'  
import * as B from 'ModuleB.js'

Bằng cách này, tham số trạng thái có thể được tham chiếu chéo trong các mô-đun con.

Bạn cần xác định sessiontrạng thái của mình như sau, để truy cập nó trong getters của bạn :

const state = {
  session: ''
}

Bạn phải viết một đột biến , đột biến sẽ được gọi từ các hành động của bạn để đặt giá trị trạng thái này.