从子组件中,我发出一个事件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)

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

最佳答案

您需要在父组件中将@fetchtab事件编写为:

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

有关更多详细信息,请参见Reference

09-25 18:28