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操作

1 个答案: