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>