带有效载荷的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 ，我不明白是否可以使用这样的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
    })
  }
}