ভয়েস: অন্য মডিউল থেকে অ্যাক্সেস স্টেট

Question 1

আমি অ্যাক্সেস করতে চান state.sessionমধ্যে instance.jsথেকে records_view.js। এটি কীভাবে সম্পন্ন হয়?

স্টোর / মডিউল / উদাহরণ.js

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

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

স্টোর / মডিউল / রেকর্ড_ভিউ.জেএস

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

এটি যুক্ত করা প্রসঙ্গে কিছুটা।

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

Question 2

stateস্থানীয় রাষ্ট্রের উল্লেখ করে এবং rootStateঅন্যান্য মডিউলগুলির স্থিতিতে অ্যাক্সেস করার সময় ব্যবহার করা উচিত।

let session = context.rootState.instance.session;

ডকুমেন্টেশন: https://vuex.vuejs.org/en/modules.html

Question 3

একটি ক্রিয়া থেকে:

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

  },

Question 4

আমার জন্য আমার ভিউক্স মডিউল ছিল, তবে স্টেটকে অন্য কোনও ফাইলে আপডেট করার জন্য একটি মিউটেশন প্রয়োজন। এটি যোগ করে এটি সম্পাদন করতে সক্ষম হয়েছিল

এমনকি মডিউলে আপনি কনসোল.লগ (এই স্টেট) এর মাধ্যমে কী গ্লোবাল স্টেটে অ্যাক্সেস পেয়েছেন তা দেখতে পাবেন in

const mutations = {
MuteChangeAmt(state, payload) {
//From user module; Need THIS keyword to access global state
this.state.user.payees.amount = payload.changedAmt;
 }
}

Question 5

আমার ক্ষেত্রে এটি আমার পক্ষে এভাবে কাজ করেছিল।

ModuleA.js ফাইলটিতে:

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

মডিউলবি ফাইলটিতে:

export const state = {
    parameterInB: 'B'
 }

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

মূলের জন্য আপনাকে সূচি.জেজে মডিউলএ এবং বি আমদানি করতে হবে:

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

এইভাবে, রাষ্ট্রের পরামিতিগুলি সাব মডিউলগুলিতে ক্রস-রেফারেন্স করা যায়।

Question 6

sessionআপনার গেটসগুলিতে এটি অ্যাক্সেস করার জন্য আপনাকে নীচের মতো আপনার রাজ্যে সংজ্ঞায়িত করতে হবে :

const state = {
  session: ''
}

আপনাকে কোনও মিউটেশন লিখতে হবে, যা এই পদক্ষেপের মানটি নির্ধারণ করার জন্য আপনার ক্রিয়া থেকে ডাকা হবে।