Question

我试图在子组件中执行this.updateData()而不是this.$store.dispatch()之类的操作，其中updateData是一个函数继承自其父组件。任何人都知道如何实现这一目标？

Answer 1

所以要更新父comp的数据。从Vue中的子组件我们可以使用event总线：

父：

<template>
  Hi Blake...
  <child-component @trigger="updateData()"></child-component>
</template>
<script>
  export default {
    mounted() {},
    methods: {
      updateData: function() {
        // this will be triggered from child
      }
    }
  }
</script>

儿童（儿童组成部分）：

<template>
  <button @click="$emit('trigger')">Trigger Parent Function</button>
</template>
<script>
  export default {
    mounted() {}
  }
</script>

现在这只会触发父功能，但您也可以发送包含父级接收的事件的数据。这只是没有Vuex的Vue。如果我错了而您不想这样做，您可能希望使用Vuex mapActions，它可用于导入组件中所需的所有Vuex操作，并将其用作this.vuexAction而不是this.$store.dispatch('vuexAction')

我希望我帮助过。祝你好运。

Vuex中的某些东西与Redux中的mapDispatchToProps一样吗？

1 个答案: