반응형
Vuex 작업에 여러 매개 변수 전달
Vue 컴포넌트에 다음과 같은 방법이 있습니다.
loadMaintenances (query = {}) {
this.getContractorMaintenances(this.urlWithPage, query).then((response) => {
this.lastPage = response.data.meta.last_page
})
}
매개 변수를 전달하고 싶습니다.(this.urlWithPage, query)
다음과 같이 Vuex 액션에 대응합니다.
actions:{
async getContractorMaintenances ({ commit }, url, query) {
console.log(url);
console.log(query);
let response = await axios.get(url)
commit('PUSH_CONTRACTOR_MAINTENANCES', response.data.data)
return response
},
}
문제는 첫 번째 파라미터가url
값을 반환하고 있지만 두 번째 값은 반환하고 있습니다.query
돌아오고 있다undefined
.
나의 돌연변이는 다음과 같다.
mutations: {
PUSH_CONTRACTOR_MAINTENANCES (state, data) {
state.contractor_maintenances.push(...data)
},
}
두 번째 파라미터에서 값을 얻으려면 어떻게 해야 하나요?
이에 대한 승인된 답변은 다음에도 적용됩니다.actions
, 다음의 2개의 인수를 상정하고 있습니다.context
그리고.payload
.
여러 값을 전달하려면 데이터를 개체로 전송하고 이를 구축해야 합니다.
async getContractorMaintenances ({ commit }, { url, query }) {
언급URL : https://stackoverflow.com/questions/65782646/passing-multiple-parameters-to-vuex-action
반응형
'programing' 카테고리의 다른 글
Java 문자열의 날짜 형식 변경 (0) | 2022.07.03 |
---|---|
하위 구성 요소가 어떤 구성 요소에서 호출되는지 어떻게 알 수 있습니까? (0) | 2022.07.03 |
nuxt.js 스토어에서 플러그인에 액세스하는 방법 (0) | 2022.07.03 |
기본/빌트인 앱을 사용하지 않고 JavaMail API를 사용하여 Android에서 이메일 보내기 (0) | 2022.07.03 |
Linux 개발 프로젝트를 위한 Clang vs GCC (0) | 2022.07.03 |