반응형
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
반응형
'itsource' 카테고리의 다른 글
| 뷰 Vuex 부품 때 스토어의 변화하지 않습니다. (0) | 2022.08.16 |
|---|---|
| 자바 프로그래머들은 왜 변수 이름을 "clazz"로 짓는 것을 좋아합니까? (0) | 2022.08.15 |
| Vuetify v-tabs v-tab 항목 오버플로 창 너비 (0) | 2022.08.15 |
| 수집되지 않은 참조 오류:Index.html에 vue 설정을 넣을 때 Vue가 정의되지 않음 (0) | 2022.08.15 |
| vuex 스토어에서 JSON 데이터를 사용하는 방법(웹 팩 없음) (0) | 2022.08.15 |