vue.js - vue 组件没有传递事件

Question

我有三个嵌套组件

<parent @event="handle">
  <inbetween @event="$emit('event')">
    <child> // emits event
    </child>
  </inbetween>
</parent>

所以，当 child 发出事件时，我必须将烦人的部分 @event="$emit('event')" 添加到中间的组件中，否则 parent 不会收到任何事件.

我希望它不应该那样工作。我想知道它有什么问题吗？

Answer 1

是的，这就是它应该如何工作的。事件只会从 child 传给 parent ，不会从 child 传给祖 parent 。因此，您必须从子组件和中间组件发出事件。

如果你想避免这种方法，你可以使用事件总线:

https://medium.com/@andrejsabrickis/https-medium-com-andrejsabrickis-create-simple-eventbus-to-communicate-between-vue-js-components-cdc11cd59860

alligator.io/vuejs/global-event-bus