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組件發出的事件

回答

相關問題