Vuex: 적절한 조치 요청 방법

Vuex: 적절한 조치 요청 방법

Vuex를 사용하여 payload를 사용하여 작업을 전달하는 방법을 이해하는 데 문제가 있습니다.상태를 바꾸려면 돌연변이가 필요하고, 그 돌연변이를 디스패치하기 위해 행동을 취하는 것이 가장 좋은 방법이라는 걸 알아요.액션을 어떻게 호출하고 매개 변수를 전달해야 할지 모르겠습니다.이것을 시도할 때마다 다음과 같은 오류가 발생합니다.

"Uncatched TypeError: 정의되지 않은 속성 'isComplete'를 읽을 수 없습니다."

// Store.js
const mutations = {
  completeTodo: function (state, todo) {
    console.log(todo)
    todo.isComplete = todo.isComplete || false
    state.toggleAll = false
  }
}

const actions = {
  completeTodo: ({commit}) => commit('completeTodo')
}

//Todo.vue

 methods: {
  ...mapActions([
    'completeTodo'
  ])
}

 <input type="checkbox" name="isCompleted" " v-on:change="completeTodo(todo)" class="todoCheck" />

작업에는 컴포넌트에서 전달되는 페이로드인 두 번째 인수를 사용해야 합니다.

const actions = {
  completeTodo: ({commit}, todo) => commit('completeTodo', todo)
}

---

상세

이렇게 생각해 보세요.

컴포넌트 => 할 일 및 완료에 대해 알고 있다ToDo 함수(vuex mapActions에서 제공하는 작업).그것은 일을 하기 위해 가게나 어떤 기능에 대해 알 필요가 없다.

mapActions = >는 '스마트' 완료를 생성합니다.호출할 스토어의 특정 함수와 해당 함수를 올바르게 호출하기 위한 인수의 순서를 처리하는 ToDo 함수입니다.

언급URL : https://stackoverflow.com/questions/42588558/vuex-how-to-properly-call-action