Как передать параметры в действия Vuex из компонента Nuxt

Question

Я использую Nuxt.js и Vuex, я беспокоюсь о том, как передать параметры от компонента к vuex в nuxt.

Компонент:

<div v-for="item in items" @click="getDetails(item)">
    {{item.name}}
</div>

 export default {
        methods: {
            voteDetail(item) {
                this.$store.dispatch('voteDetail');
            }
        }
    }

В магазине Vuex:

async voteDetail(item) {
     console.log(item)
     }

здесь что-то идет не так :)

Answer 1

Потому что вам нужно передать это в ваши действия.Как он узнает, что вы передаете элемент, если вы не передаете его в вызов аргумента?

this.$store.dispatch('voteDetail', item);

А также в вашем действии первым аргументом является контекст, а не элемент.Пожалуйста, прочитайте документы

async voteDetail(context, item) {
     console.log(item)
     }