Vuex：来自其他模块的访问状态

JavaScript

十三A

2020-03-11

我要访问state.session的instance.js从records_view.js。这是如何完成的？

商店/模块/instance.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
    );
  }
};

这是为了增加一些上下文。

商店/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
  }
});

第530篇《Vuex：来自其他模块的访问状态》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共3个回答
神无凯 2020.03.11

对我来说，我有vuex模块，但需要进行更改以更新其他文件中的STATE。能够通过添加此来完成此操作

即使在模块中，您也可以通过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;
 }
}
理查德Itachi 2020.03.11

您需要session像下面这样在状态中定义，才能在getter中访问它：

const state = {
  session: ''
}

您必须编写一个mutation，从您的操作中将其调用以设置此状态值。

Green小胖 2020.03.11

state引用本地状态，并rootState在访问其他模块的状态时使用。

let session = context.rootState.instance.session;

文档：https : //vuex.vuejs.org/en/modules.html

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android