Vue 2.0实例没有听到vue-router组件发出的事件

我正在使用Vue 2.0-rc.6（最新的当前版本）和Vue-router 2.0-rc.5（最新版本）。Vue 2.0实例没有听到vue-router组件发出的事件

我试图在我的一个路由器组件中执行this.$emit('custom-event')，在我的Vue实例中尝试执行this.$on('custom-event',() => { console.log('I heard an event') })，但事件未被监听。路由器组件本身听到事件，但不是Vue实例。

有什么想法？

看看这个jsfiddle。

来源

2016-09-14 Yapp Ka Howe

我已经更新了你的提琴积极倾听它的组件上：https://jsfiddle.net/wanxe/vnj71j8f/1/ https：//开头vuejs。 org/guide/components.html＃Non-Parent-Child-Communication（感谢Mani：http://stackoverflow.com/questions/40377977/how-to-create-a-hook-with-events-between-vue- 2-0-组件/ 40378611？noredirect = 1个＃comment68012089_40378611） – jnieto

感谢LinusBorg在http://forum.vuejs.org/topic/5235/vue-2-0-instance-is-not-hearing-events-emitted-by-vue-router-components/2中指出$ emit的事件不会传播到父实例。

虽然通过使用LinusBorg建议的解决方案，但我没有使它工作。相反，我通过做this.$router.app.$emit('eventname')

来源

2016-09-16 09:53:25

来自$ emit的事件不会传播到父实例。的父或母，有模板

<router-view @eventname="callbackMethod">

来源

2017-03-11 06:27:35 DannyFeliz

Vue 2.0实例没有听到vue-router组件发出的事件

回答

相关问题