我正在使用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)
}
这里出了点问题:)
答案 0 :(得分:1)
因为您需要将其传递给您的操作。如果您不将其传递给参数调用,它将如何知道您传递了该项?
this.$store.dispatch('voteDetail', item);
在您的操作中,第一个参数也是上下文,而不是项目。请阅读docs
async voteDetail(context, item) {
console.log(item)
}