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

Questions connexes

aviggngyv picture aviggngyv  ·  3Commentaires

franciscolourenco picture franciscolourenco  ·  3Commentaires

bdedardel picture bdedardel  ·  3Commentaires

wufeng87 picture wufeng87  ·  3Commentaires

WolfgangFellger picture WolfgangFellger  ·  3Commentaires