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

时间:2019-01-20 18:15:58

标签: vuex nuxt.js

我正在使用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)
     }

这里出了点问题:)

1 个答案:

答案 0 :(得分:1)

因为您需要将其传递给您的操作。如果您不将其传递给参数调用,它将如何知道您传递了该项?

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

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

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