如何从孩子接收 $emitted 数据到父母？

Question

从子组件中，我发出一个事件fetchtab ，以及一些类似的data ：

this.$emit('fetchtab', data);

我希望将该data分配给我的父组件（根组​​件）的currentData道具。

data: {
    currentData: {}
}

该data是一个对象数组。 我需要在我的父组件中迭代该数组：

<ul>
    <li v-for="item in currentData">@{{ item.name }}</li>
</ul>

但我不知道如何首先填写currentData 。 我知道我可以使用 a) @fetchtab="myMethod"或 b) this.$on('fetchtab', fn)

但是我在哪里以及如何使用它？

Answer 1

您需要在父组件中编写 @fetchtab 事件：

<parent-component @fetchtab="myMethod"></parent-component>

有关更多详细信息，请查看参考。