Vuejs2 从路由器视图到外部组件的Vuejs

Vuejs2 从路由器视图到外部组件的Vuejs,vuejs2,vue-component,Vuejs2,Vue Component,我正在尝试将数据从传递到外部组件。我找到了,但我不确定是否被视为儿童。是否可以使用此方法将内的数据传递到外部组件 我有一个ChildView,我已经发出一个事件,将值传递给TopNavSection 这就是我的结构: 我在ChildView中发送了事件: mounted() { this.$emit('update-back-link', "value"); }, 但我的事件未通过MainContainer.vue中的此代码处理 <top-nav-section @update-

我正在尝试将数据从
传递到外部组件。我找到了,但我不确定
是否被视为儿童。是否可以使用此方法将
内的数据传递到外部组件

我有一个
ChildView
,我已经发出一个事件,将值传递给
TopNavSection

这就是我的结构:

我在
ChildView
中发送了事件:

 mounted() {
  this.$emit('update-back-link', "value");
},
但我的事件未通过MainContainer.vue中的此代码处理

<top-nav-section @update-back-link="handleBackLinkUpdate"></top-nav-section>

methods: {
  handleBackLinkUpdate: function (value) {
    debugger;
    console.log(value);        
  },
},

方法:{
handleBackLinkUpdate:功能(值){
调试器;
console.log(值);
},
},

请让我知道我是否在正确的轨道上,因为我不知道为什么处理程序没有被触发。谢谢。

儿童视图组件发出的是
更新回链接
事件,而不是
TopNavSection
组件。但是,事件处理程序位于
标记上
TopNavSection
从不发出
updatebacklink
事件,因此其处理程序永远不会被触发

您应该将事件处理程序移动到
ChildView
组件的标记处(因为您正在使用
ChildView
作为路由组件
):


谢谢。我能处理这件事。
<router-view @update-back-link="handleBackLinkUpdate"></router-view>