programing

인수와 함께 vuex namesched getters를 사용하는 방법

bestcode 2022. 8. 14. 12:03
반응형

인수와 함께 vuex namesched getters를 사용하는 방법

Im이 vuex를 사용할 때 문제가 발생합니다.

namesleded module에 getters가 있는데, Im이 몇 가지 인수를 전달할 때 Ii로 데이터를 얻는 방법을 알 수 없습니다.

this.$store.getters.feeders.getFeedersById(id)

그리고 장인어른.

...mapGetters({
   feeders: ['feeders/getFeedersById'](this.id)

이 getter와 같은 에러는 함수가 아닙니다.내가 또 뭘 해야하지?

feedersById(state) {
    return rowId => {
        if (state.feedersArray.hasOwnProperty(rowId)) {
            return state.feedersArray[rowId].map(id => state.feeders[id]);
        }

    }
},

feedersId() {
  if (this.rowData) {
   return this.$store.getters['feeders/feedersById'](this.rowData.ac_id);
  }
}

네, 제가 실수를 해서 이제 제대로 작동하게 되었습니다.감사합니다!!:)

다음과 같이 getter 함수를 선언할 수도 있습니다.

feedersById: (state) => rowID => {
  if (state.feedersArray.hasOwnProperty(rowId)) {
    return state.feedersArray[rowId].map(id => state.feeders[id]);
  }
}

보다 쉬운 방법은 이름 간격 getters를 사용하는 것입니다.

computed(){
    ...mapGetters('feeders', ['getFeedersById'])
}

언급URL : https://stackoverflow.com/questions/48400324/how-to-use-vuex-namespaced-getters-with-arguments

반응형