Vue: カスタムイベント:<child v-on:child-msg="handleIt"/>

作成日 2016年06月18日  ·  3コメント  ·  ソース: vuejs/vue

Vue.jsバージョン

1.0.25

複製リンク

https://jsfiddle.net/oL5qyky9/

再現する手順

ディスパッチイベントボタンを押す

何が期待されますか?

alert('処理済み')

実際に何が起こっているのですか?

alert('handleItは実行されませんでした');

childMsgからchild-msg $に戻すと、期待どおりに動作します。

最も参考になるコメント

例のchild-msgchildMsgに変更したためです。 テンプレートでv-onを使用する場合、イベント名はブラウザによって小文字に変換されることに注意してください。 これは1.xテンプレートの解析制限の一部であるため、1.xのイベント名に大文字を使用しないでください。

2.0にはこの制限はありません。

全てのコメント3件

親から「eventsobj」を削除すると、トリックが実行されました。

https://jsfiddle.net/oL5qyky9/2/

'child-msg'キーを持つイベントobjは、テンプレートでバインドされたメソッドを'上書き'したと思います。

例のchild-msgchildMsgに変更したためです。 テンプレートでv-onを使用する場合、イベント名はブラウザによって小文字に変換されることに注意してください。 これは1.xテンプレートの解析制限の一部であるため、1.xのイベント名に大文字を使用しないでください。

2.0にはこの制限はありません。

ああ、それは理にかなっています。 みんなありがとう。

このページは役に立ちましたか?
0 / 5 - 0 評価