Vue: √Čv√©nements personnalis√©s¬†:<child v-on:child-msg="handleIt"/>

Cr√©√© le 18 juin 2016  ¬∑  3Commentaires  ¬∑  Source: vuejs/vue

Version vue.js

1.0.25

Lien de reproduction

https://jsfiddle.net/oL5qyky9/

√Čtapes √† reproduire

Appuyez sur le bouton d'événement de répartition

Qu'est-ce qui est attendu ?

alerte('géré ça')

Que se passe-t-il réellement ?

alert('handleIt n'a pas fonctionné');

Une fois que vous l'avez changé de childMsg à child-msg , il se comporte comme prévu.

Commentaire le plus utile

Parce que vous avez changé child-msg dans l'exemple en childMsg . Notez que lorsque vous utilisez v-on dans le modèle, le nom de l'événement sera mis en minuscules par le navigateur. Cela fait partie des restrictions d'analyse des modèles 1.x, évitez donc d'utiliser des lettres majuscules dans les noms d'événements dans 1.x.

2.0 n'a pas cette limitation.

Tous les 3 commentaires

Supprimer les 'events obj' du parent a fait l'affaire :

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

Je pense que les événements obj avec la clé 'child-msg' 'écrasaient' la méthode bind dans le modèle.

Parce que vous avez changé child-msg dans l'exemple en childMsg . Notez que lorsque vous utilisez v-on dans le modèle, le nom de l'événement sera mis en minuscules par le navigateur. Cela fait partie des restrictions d'analyse des modèles 1.x, évitez donc d'utiliser des lettres majuscules dans les noms d'événements dans 1.x.

2.0 n'a pas cette limitation.

Ahh c'est logique. Merci les gars.

Cette page vous a été utile?
0 / 5 - 0 notes