programing

Vuex 작업에 여러 매개 변수 전달

coolbiz 2022. 7. 3. 18:09
반응형

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

반응형