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 - 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
-
-
-
-
-
-
Directiva v-for para generar listas2 min 44 s
-
(Bloqueado)
Directivas condicionales v-if, v-if-else y v-else2 min 36 s
-
Directiva v-on para registrar eventos en Vue.js2 min 20 s
-
(Bloqueado)
Utilizando modificadores de eventos en Vue.js3 min 19 s
-
(Bloqueado)
Directiva v-bind para manejo dinámico de atributos HTML en Vue.js2 min 16 s
-
(Bloqueado)
Directiva v-model para la captura de datos de formulario en Vue.js1 min 37 s
-
Directiva v-show para mostrar u ocultar contenido en Vue.js1 min 54 s
-
(Bloqueado)
Directivas v-html y v-text en Vue.js1 min 54 s
-
-
-
-
-