Как передать в действие несколько параметров?

Question

[Дмитрий Петрик]

Хочу в действие передать несколько параметров при срабатывании события:

<div @dragstart="dragStart($event, task)"></div>

Т.е. передаю само событие и еще один объект task. Само действие выглядит так:

dragStart({state, commit, getters}, event, task) {
    commit(mutations.START_DRAG, {state, getters, event, task});
  },

Если смотрю что передается в действие, то в event все передается правильно, событие. А вот task в действии со значением undefined. Т.е. получается передается только один параметр в событии. Как несколько параметров передать? Временным решением для себя нашел передавать параметры массивом

<div @dragstart="dragStart([$event, task])"></div>

Но это какие-то костыли.

Answer 1

[Николай Семенов]

<div @dragstart="dragStart({$event, task})"></div>
dragStart({state, commit, getters}, {event, task}) {
    commit(mutations.START_DRAG, {state, getters, event, task});
  },

Comments

[Дмитрий Петрик]

dragStart({state, commit, getters}, {event, task}) {
    console.log(event, task);
    commit(mutations.START_DRAG, {state, getters, event, task});
  },

Вывод в консоль:

undefined Object {__ob__: Observer}

[Николай Семенов]

Дмитрий Петрик: и при вызове метода оберните в объект

[Ilya]

тоже такая же проблема была, нужно одним объектом передавать параметры
this.$store.dispatch('addNewChild', {childName, childAge});

[Дмитрий Петрик]

Спасибо, заработало. Небольшая неточность в ответе была в действии

dragStart({state, commit, getters}, {$event, task}) {
    commit(mutations.START_DRAG, {state, getters, $event, task});
  },

Обязательно названия должны быть одинаковые. Знак $ потеряли