2016-09-14 9 views
9

私はVue 2.0-rc.6(最新の時点で)とVue-router 2.0-rc.5(最新の時点)を使用しています。Vue 2.0インスタンスがvue-routerコンポーネントによって放出されたイベントを聞きません

私のルータコンポーネントの1つにthis.$emit('custom-event')を実行しようとしましたが、私のVueインスタンスでthis.$on('custom-event',() => { console.log('I heard an event') })イベントが聴かれていませんでした。ルーターコンポーネント自体がイベントを聞いていましたが、Vueインスタンスは聞こえませんでした。

これをチェックアウトするjsfiddle

+0

内のコンポーネントにそれを聞く必要があります。 org/guide/components.html#非親子コミュニケーション(Maniのおかげで:http://stackoverflow.com/questions/40377977/how-to-create-a-hook-with-events-between-vue- 2-0-コンポーネント/ 40378611?noredirect = 1#comment68012089_40378611) – jnieto

答えて

10

$ emitからのイベントは、親インスタンスに伝播されません。 https://jsfiddle.net/wanxe/vnj71j8f/1/ ます。https:// vuejs 親は積極的に私はあなたのフィドルを更新したテンプレート

<router-view @eventname="callbackMethod"> 
関連する問題