[Vuejs] mutations/actions 함수의 파라미터는 제한이 있다!

2021. 7. 27. 20:34IT개발/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/

반응형