En algunos casos tenemos comportamientos en nuestra aplicaciones de eventos que se propagan de un hijo a un padre o queriamos dejar de escuchar,  nuestro querido jquery nos brindaba .off  para dejar de escuchar un evento  o event.stopPropagation() para evitar propagarlo.

Podemos realizar lo mismo en vuejs de una forma más limpia e integrada vue, en este ejemplo el evento click de contenedor player se propaga al padre.


Vuejs  nos brinda una forma elegante de evitar la propagación usando evento.stop , evitar el envio de un formulario con event.prevent  o que solo se ejecute una vez event.once.

He modificado el ejemplo anterior, haciendo uso de .once para solo permitir hacer click una vez en el team,  .prevent para evitar  el submit del form y .stop para que no propague el evento click al padre.

Como han visto es una forma muy elegante, simple de modificar el comportamiento de los eventos, si deseas saber mas sobre gestionar eventos en Vuejs
https://vuejs.org/v2/guide/events.html 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *