【vue】dispatchに第三引数を渡したい

結論

vueのdispatchで第三引数を渡したい時は、第二引数に オブジェクトを用いる。

例

ショッピングカートに、商品情報とユーザー情報の２つをdispatchの引数として入れる。

失敗例

以下のように第一引数に path, 第二引数に item, 第三引数に userIdを入れたところうまくいかなかった。

this.$store.dispatch('shop/addCart', this.item, this.userId)

成功例

第二引数をオブジェクトにすることで、複数の値を格納することができた。

this.$store.dispatch('shop/addCart', {
  item: this.item, 
  userId: this.userId
})