itsource

Vuex Getter Hook(파라암 포함)

mycopycode 2022. 8. 15. 21:37
반응형

Vuex Getter Hook(파라암 포함)

vuex getter 함수를 다음과 같은 파라미터로 정의했습니다.

    const getters = {
        
        getProjectById: (state) => (id) => {
            return state.projects.find(project => project.id === id)
        }
}

이 getter를 컴포넌트에 사용하고 싶은데 파라미터를 getter에 전달하는 방법을 찾을 수 없었습니다.

다음은 getter hook 계산 속성입니다.

computed: {
    ...mapGetters(["currentUserPhoto","getProjectById"])
},

라우터로부터의 Id 파라미터를 getProjectId getter에 전달할 수 있습니까?가능하다면 어떻게 하는 것이 가장 좋을까요?

라고 하는 다른 계산 속성을 추가합니다.projectByIdroute param을 파라미터로 하여 프로젝트를 반환합니다.

computed: {
    ...mapGetters(["currentUserPhoto","getProjectById"]),
   projectById(){
         return this.getProjectById(this.$route.params.id)
  }

},

언급URL : https://stackoverflow.com/questions/69103352/vuex-getter-hook-with-params

반응형