代码之家  ›  专栏  ›  技术社区  ›  user3348410

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

  •  0
  • user3348410  · 技术社区  · 5 年前

    我正在使用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 回复  |  直到 5 年前
        1
  •  1
  •   Aldarund    5 年前

    因为你需要把它传给你的行动。如果你不把它传递给参数调用,它怎么知道你传递了这个项?

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

    而且在你的动作中,第一个参数是上下文,而不是项。请阅读 docs

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