2016-09-14 5 views
9

Ich verwende Vue 2.0-rc.6 (aktuell im Moment) und Vue-Router 2.0-rc.5 (aktuell im Moment).Vue 2.0 Instanz hört keine Ereignisse von Vue-Router-Komponenten

Ich habe versucht, this.$emit('custom-event') in einer meiner Router-Komponenten und this.$on('custom-event',() => { console.log('I heard an event') }) in meiner Vue-Instanz zu tun, aber das Ereignis wurde nicht angehört. Die Routerkomponente selbst hörte das Ereignis, nicht jedoch die Vue-Instanz.

Irgendeine Idee?

Überprüfen Sie diese jsfiddle.

+0

ich Ihre Geige aktualisiert haben: https://jsfiddle.net/wanxe/vnj71j8f/1/ https: // vuejs. org/guide/components.html # Nicht-Eltern-Kind-Kommunikation (Danke an Mani: http://stackoverflow.com/questions/40377977/how-to-create-a-hook-with-events-between-vue- 2-0-Komponenten/40378611? Noredirect = 1 # Kommentar68012089_40378611) – jnieto

Antwort

10

Ein Ereignis von $ emit wird nicht an die übergeordnete Instanz weitergegeben. Der Elternteil hat sich aktiv für sie in der Vorlage auf der Komponente zu hören

<router-view @eventname="callbackMethod"> 
Verwandte Themen