programing

(VueJS) Vuex Getter는 다른 모듈 상태 변경을 기반으로 업데이트되어야 함

prostudy 2022. 5. 21. 08:53
반응형

(VueJS) Vuex Getter는 다른 모듈 상태 변경을 기반으로 업데이트되어야 함

나는 두 개의 Vuex 스토어 모듈을 가지고 있다.ListItems그리고ListSort.ListItems이 두 모듈의 상태에서 본질적으로 계산된 게터를 가지고 있다.아래 코드를 참조하십시오.

// Import the ListSort store module
import listSort from './list-sort';

// ListItems getters
const getters = {
  companiesSorted: () => {
    return _.orderBy(state.companies,
      [listSort.state.sortAttribute],
      [listSort.state.sortDirection]);
  },
};

그러나, 국가가 있을 때ListSort변경됨(즉,)sortAttribute또는sortDirection변경됨), 이로 인해 ListItems getter가 다시 계산되는 것은 아니다.컴퓨팅에 의존하는 Vuex에게 이 사실을 어떻게 알 수 있는가?companiesStoredVuex는 그 getter를 재평가해야 하는가?

고마워!

Vuex에게 어떻게 하면 Stored 컴퓨팅 회사에 대한 종속성이 변경되었으므로 Vuex가 Getter를 다시 계산해야 한다고 말할 수 있는가?

넌 몰라, 널 위해 자동으로 완성되는 거야!게으른 개발자들에게는 Vue가 멋지지 않니?

Vuex 모듈을 가져와야 하는 JS 모듈은 Vuex를 초기화하는 JS 모듈뿐입니다.new Vuex.Store, Vuex 모듈을 함께 묶는다.

Vuex 모듈 게이터는 로컬에 액세스할 수 있음state, 그리고rootState. TherootState다른 모듈의 데이터에 액세스할 수 있는 위치.

https://vuex.vuejs.org/en/modules.html#module-local-state

이렇게 보여야 한다.

companiesSorted: (state, getters, rootState) => {
    return _.orderBy(state.companies,
      [rootState.listSortModule.sortAttribute],
      [rootState.listSortModule.sortDirection]);
  },

어디에listSortModule네가 모듈에 준 이름이야

참조URL: https://stackoverflow.com/questions/44912406/vuejs-vuex-getter-should-update-based-on-another-module-state-change

반응형