저장소에서 Vuex 액세스 모듈 상태

저장소에서 Vuex 액세스 모듈 상태

나는 여러 개의 모듈로 분할된 Vuex 상점을 가지고 있다.이 모듈들은 각각 고유의 상태를 가지고 있다.

나는 이것을 작동시킬 수 없을 것 같다. 나는 항상 다음과 같이 말하는 오류를 얻는다.Uncaught (in promise) TypeError: Cannot read property 'state' of undefined. 내가 뭘 잘못하는지 모르겠어

내 Vue 스토어의 인덱스.js 입니다.

import { createStore } from 'vuex';

import layers from './modules/layers';

export const store = createStore({
  modules: {
    layers,
  },
});

액세스하려는 모듈:

export default {
  namespaced: true,
  state: {
      areas: [],
  },
  mutations: {},
  actions: {},
  modules: {},
  getters: {},
};

여기서 정의되고 있는 상태에 액세스하려고 한다.

import { useStore } from 'vuex';

export default function useAddExistingFeatures() {
  const store = useStore();
  const area = store.layers.state.areas[1];
}

나의 main.js.plugins.js는 내 css 파일을 로드하기 위한 파일일 뿐이다.

import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
import { store } from './store';

import './plugins';

createApp(App).use(store).use(router).mount('#app');

당신은 그 곳에 접근해야 한다.state모듈 이름 앞의 필드:

const area = store.state.layers..areas[1];

대신에 const area = store.layers.state.areas[1];

참조URL: https://stackoverflow.com/questions/67922132/vuex-access-modules-state-in-from-store