Vue: Eventos personalizados:<child v-on:child-msg="handleIt"/>
Versión Vue.js
1.0.25
Enlace de reproducción
https://jsfiddle.net/oL5qyky9/
pasos para reproducir
Presione el botón de evento de envío
¿Lo que es esperado?
alerta('lo manejé')
¿Qué está pasando realmente?
alert('handleIt no se ejecutó');
Una vez que lo cambia de childMsg a child-msg , se comporta como se esperaba.
gkiely
Todos 3 comentarios
Eliminar los 'eventos obj' del padre funcionó:
https://jsfiddle.net/oL5qyky9/2/
Creo que los eventos obj con la tecla 'child-msg' estaban 'sobrescribiendo' el enlace del método en la plantilla.
marceloadsj
en 18 jun. 2016
Porque cambió child-msg en el ejemplo a childMsg . Tenga en cuenta que cuando use v-on en la plantilla, el navegador convertirá el nombre del evento en minúsculas. Esto es parte de las restricciones de análisis de plantillas 1.x, así que evite usar letras mayúsculas en los nombres de eventos en 1.x.
2.0 no tiene esta limitación.
yyx990803
en 18 jun. 2016
Ah, eso tiene sentido. Gracias chicos.
gkiely
en 19 jun. 2016
Temas relacionados
guan6
·
3Comentarios
franciscolourenco
·
3Comentarios
Jokcy
·
3Comentarios
bfis
·
3Comentarios
paulpflug
·
3Comentarios
Comentario más útil
Porque cambió
child-msgen el ejemplo achildMsg. Tenga en cuenta que cuando usev-onen la plantilla, el navegador convertirá el nombre del evento en minúsculas. Esto es parte de las restricciones de análisis de plantillas 1.x, así que evite usar letras mayúsculas en los nombres de eventos en 1.x.2.0 no tiene esta limitación.