Vue: Eventos personalizados:<child v-on:child-msg="handleIt"/>

Creado en 18 jun. 2016  Â·  3Comentarios  Â·  Fuente: vuejs/vue

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.

Comentario más útil

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.

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.

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.

Ah, eso tiene sentido. Gracias chicos.

¿Fue útil esta página
0 / 5 - 0 calificaciones