mapActions с полезной нагрузкой

Question

У меня другой подход к отправке действия. В компоненте нет обработчика щелчков, но используется концентратор событий, как показано ниже:

created() {
  eventHub.$on('eventName', this.onCall)
},
methods: {
  ...mapActions([
    'dispatcher'
  ]),
  onCall() {
    this.dispatcher({
      dataA: this.dataA,
      dataB: this.dataB,
      dataC: this.dataC
    })
  }
}

Итак, вы можете видеть, что onCall вызывается, а внутри - диспетчер. Я хотел бы знать, есть ли способ использовать mapActions что-то вроде ниже:

created() {
  eventHub.$on('eventName', this.dispatcher)
},
methods: {
  ...mapActions({
    type: 'dispatcher',
    payload: {
      dataA: this.dataA,
      dataB: this.dataB,
      dataC: this.dataC
    }
  })
}

Но, глядя на api , я не мог понять, могу ли я использовать такое.

Answer 1

Я могу думать об этом только как о лучшем подходе к этому:

created() {
  eventHub.$on('eventName', this.onCall)
},
methods: {
  ...mapActions([
    // if there's any other
  ]),
  onCall() {
    this.$store.dispatch('dispatcher',{
      dataA: this.dataA,
      dataB: this.dataB,
      dataC: this.dataC
    })
  }
}