programing

Vuex의 getter 함수 내 getter 함수를 호출하는 방법

randomtip 2022. 7. 21. 22:07
반응형

Vuex의 getter 함수 내 getter 함수를 호출하는 방법

import Vue from 'vue'
import Vuex from 'vuex'
import { createModule } from 'vuex-toast'
import 'vuex-toast/dist/vuex-toast.css'
Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    toast: createModule({
      dismissInterval: 80000
    }),
    app: {
      state: {
        raps: [],
      },
      getters: {
        getRaps () {
          return store.state.app.raps
        },
        getRapsFiltered (state, getters) { //error happens in this func
          return getters.getRaps.filter(state.filterFunc)
        }
      }
    }
  }
})

export default store

"Uncatched Type Error: null is not function" (유닛 타입 오류: null is not function) (늘은 함수가 아닙니다)getter 내부의 getter 함수를 어떻게 호출합니까?이 코드에 어떤 문제가 있는 것 같습니까?

getter 함수에 전달된 getters 매개 변수를 사용하여 getter를 호출할 수 있습니다.

const getters = {
    calculateItemTax: () => item => {
        return item.item_tax
    },
    //pass getters as an argument and use it inside getter 
    orderTax: (state, getters) => {
        state.items.forEach(item => {
            //use getters argument to access getters functions
            taxAmount += getters.calculateItemTax(item)
        })
        return taxAmount
   },
}

언급URL : https://stackoverflow.com/questions/45987919/how-to-call-getter-function-inside-getter-function-in-vuex

반응형