是否可以从布局中的组件监听事件答案

【问题标题】：Is it possible to listen event from the component in layout是否可以从布局中的组件监听事件
【发布时间】：2019-04-02 16:02:03
【问题描述】：

比如有个 Header 组件，你在 layout/main.vue 中导入。

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

这是我的问题。你有 pages/index.vue 并且你使用 main.vue 作为布局。是否可以从 pages/index.vue 的 Header 组件中监听 fromHeader 事件？我已经尝试过了，但似乎我们不能。如果是这样，如果你想在布局中监听组件的事件，你的实现是什么？

我想知道我应该只在 pages/index.vue 中导入 Header 组件，而不是使用布局来执行此操作。

【问题讨论】：

【解决方案1】：

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

【讨论】：

感谢您的回答。但正如我所说，它在我的尝试中不起作用。 index.vue 无法监听来自 main.vue 的事件，这意味着我认为页面无法监听来自布局的事件。所以我正在寻找替代方式或放弃在布局中直接在页面中导入标题。