如何将参数从 Nuxt 组件传递给 Vuex 操作

Question

我正在使用 Nuxt.js 和 Vuex，我担心如何在 nuxt 中将参数从组件传递到 vuex。

分量：

<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);

而且在您的操作中，第一个参数是上下文，而不是项目。请阅读docs

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

如何将参数从 Nuxt 组件传递给 Vuex 操作

How pass parameters to Vuex actions from Nuxt component

vuex

nuxt.js