Del curso: Vue.js esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Utilizando modificadores de eventos en Vue.js

Utilizando modificadores de eventos en Vue.js - Tutorial de Vue.js

Del curso: Vue.js esencial

Utilizando modificadores de eventos en Vue.js

Los modificadores de eventos, como su nombre lo indica, son propiedades que podemos agregar a un evento para modificar su comportamiento. Los modificadores de eventos se agregan como una propiedad al evento dentro de la directiva v-on. Aquí te voy a mostrar varios ejemplos. Yo aquí tengo un listener al evento de click utilizando la directiva de v-on. Luego, aquí yo quiero detener la propagación del evento cuando se haga clic dentro de este div que se encuentra dentro de este div padre. Puedes notar que ambos tienen un listener al evento de click, por lo que si yo no tuviera este modificador de evento, a la hora de hacer clic en este div, ambas funciones se van a ejecutar. Entonces, para detener esta propagación, utilizo el modificador de stop. Aquí estoy utilizando un modificador al evento de click también. Puedes notar que tengo un enlace. Este enlace abre la página de LinkedIn. Yo estoy utilizando el modificador prevent para detener el comportamiento predeterminado del evento de…

Contenido