VueJS + VUEX - 데이터 전송 관련 문제

VueJS + VUEX - 데이터 전송 관련 문제

내 구성 요소:

<div id="event-picker">
  <template v-for="event in $store.state.events">
    <a href="#" v-on:click.prevent="$store.dispatch('prepareEventForm', event)">{{ event.artist }}</a>
  </template>
</div>

내 저장소(변열):

prepareEventForm(state, event) {
  state.form.time = event.time
  state.form.date = event.date
  state.form.event = event.event
  state.form.artist = event.artist
  state.form.organizer = event.organizer
  state.form.location = event.location
  state.showForm = true
}

내가 받는 오류는Cannot read property 'time' of undefined

어디에 문제가 있을까요?

편집:

다음은 내 작업 방법입니다.

prepareEventForm({ commit }) {
  commit('prepareEventForm')
}

오류가 발생하는 이유는event사용자에게 전달되는 개체prepareEventForm돌연변이는undefined.

왜냐하면 당신이 전화할 때$store.dispatch('prepareEventForm', event)그것은 당신의 것입니다.prepareEventForm 동작, 전달event두 번째 매개 변수로 in을 선택합니다.

추가해야 합니다.event당신의 행동의 두 번째 매개변수로서 그리고 그것을 당신의 두 번째 매개변수로 전달합니다.commit콜(이것이 콜을 부르는 것입니다.prepareEventForm 돌연변이):

prepareEventForm({ commit }, event) {
  commit('prepareEventForm', event)
}

언급URL : https://stackoverflow.com/questions/44444427/vuejs-vuex-problems-concerning-data-transfer