是否可以从布局中的组件侦听事件



例如,有一个Header组件,您可以在layout/main.vue.中导入它

然后,您在Header组件中创建了一个类似this.$emit('fromHeader', { //somevalue }的方法。

这是我的问题。您有pages/index.vue,并使用main.vue作为布局。是否可以从pages/index.vue中的Header组件侦听fromHeader事件?我已经试过了,但似乎我们做不到。如果是这样的话,如果您想从布局中的组件中侦听事件,您要实现什么方法?

我想知道我应该只在pages/index.vue中导入Header组件,而不使用布局来做这件事。

您只能在发出Vue事件的组件的父级中侦听Vue事件。在您的示例中,main.vue是Header的父级。index.vue可以监听main.vue发出的事件,但不能监听Header发出的事件。

请参阅VueJs 2.0从孙子到其祖父母组件的发射事件

最新更新