[Vuejs] mutations/actions 함수의 파라미터는 제한이 있다!
2021. 7. 27. 20:34ㆍIT개발/Vue.js
반응형
단일 파라미터는 상관없으나 2개이상의 파라미터를 전달해야할경우!
반드시 { var1, var2 ,var3 .... } 괄호를 엮어 객체화 시켜줘서 던져랏!
{
/* ... */
mutations : {
SET_ITEMS_AND_PAGE(state, {items,page}){ // <= payload 영역은 인자가 1개만 허용!
state.items = items;
state.page = page;
}
},
actions : {
async getItems({commit}, { searchParams, somethinsElse }){ // <= payload 영역은 인자가 1개만 허용!
const data = await axois.get("/api/users",searchParams);
commit("SET_ITEMS_AND_PAGE",{data.items, data.page});
}
}
/* ... */
}
/* 아래는 나의 소중한 시간을 앗아간 저의 삽질.... */
mutations : {
SET_ITEMS_AND_PAGE(state, items, page){ // 놉놉놉! 이라믄 안돼~~ 그래선 안돼!
state.items = items;
state.page = page; // page가 why타시 undefined 데스까?
}
},
참고자료 : http://ccambo.github.io/Dev/Vue/5.what-is-the-store-in-vuex/
반응형
'IT개발 > Vue.js' 카테고리의 다른 글
[Vue] component A 에서 component B 함수 호출 방법2 (0) | 2021.07.29 |
---|---|
[Vue] component A 에서 component B 함수 호출 방법1 (0) | 2021.07.29 |
Vuex 라이프 사이클 (0) | 2021.07.27 |
npm run build 전후 스크립트 추가하기 (0) | 2021.07.15 |
vue router 에서 vuex modules store 참조하기 (0) | 2021.07.14 |