2017-09-11 29 views
0

1つのコンポーネント内でvue.jsカスタムイベントをキャッチしようとしていますが、キャッチしません。どうしたの?カスタムvueイベントが機能しない

myEventFunc: function() { 
    this.myEvent = true; 
}, 
clickedFunc: function() { 
    this.clicked = true; 
    this.$emit('myevent'); 
} 

JSFiddle例:https://jsfiddle.net/ucean0rh/1/

+1

イベントシステムは、その子をラップ親コンポーネント内の子コンポーネントからイベントをキャッチすることです。あなたの例は2つのコンポーネントを持っておらず、まったく異なることをやっています。これは '子 - 親'通信のためのものです。 –

答えて

0

は、私は、これはそれを扱うのVueの道であるかどうかわからないんだけど、それは私のJSFiddleで動作します。単にclickedFunc内からmyEventFunc()を呼び出す:

new Vue({ 
    el: "#app", 
    data: { 
    myEvent: false, 
    clicked: false, 
    }, 
    methods: { 
    myEventFunc: function() { 
     this.myEvent = true; 
    }, 
    clickedFunc: function() { 
     this.clicked = true; 
     this.myEventFunc(); 
     this.$emit('myevent'); 
    } 
    } 
}) 
+0

Vueでは、ドキュメントに基づいて対処できますhttps://vuejs.org/v2/guide/components.html#Custom-Events –

関連する問題