No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

Adquiere por un a√Īo todos los cursos, escuelas y certificados por un precio especial.

Antes: $249

Currency
$219/a√Īo

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Comprar ahora

Termina en:

1D
20H
2M
20S

Event handling

19/37
Recursos

Aportes 7

Preguntas 0

Ordenar por:

¬ŅQuieres ver m√°s aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Podemos usar la directiva v-on para escuchar eventos DOM y ejecutar algunos JavaScript cuando se activan.

Ejemplo:

<div">
  <button v-on:click="contador += 1">Agregar + 1</button>
  <p>Se ha hecho click {{ contador }} veces.</p>
</div>

También se permite colocar el nombre de un método al que te gustaría llamar.
Recuerda que se puede abreviar v-on con @ (v-on:click = @click)

Pueden encontrar más modificadores de eventos en la documentación oficial de Vue:
.
https://v3.vuejs.org/guide/events.html#event-modifiers
.
Uno muy √ļtil suele ser el @click.prevent para prevenir el comportamiento por defecto de las aplicaciones ūüėĄ
.
Otra cosa interesante es que as√≠ como podemos pasarle expresiones JavaScript, tambi√©n podemos pasarle nombres de m√©todos que podemos escribir aparte para que los mismos sean ejecutados al suceder dicho evento ūüėĄ
.
Dejo el código de esta clase:
.
https://github.com/RetaxMaster/vue3-platzi-commerce/tree/f718f7fe60106ad846ee5060569f3ef5fc9f200e

Yo felicito al profe porque es muy bueno, y el curso es muy completo, pero enserio me da agriera el zoom que tiene en su pantalla, se me est√° dificultando mucho enfocarme

Les dejó un Handling Events de Digital Ocean donde complementa este apartado.
En él podemos observar:

  • Event Modifiers
  • Key Modifiers

No sabia que podia usar un elemento que se este recorriendo en un v-for por fuera del bloque del codigo ūüĎĆ

Excelente clase

Si stock es 0

<button :disabled="product.stock===0" @click="product.stock -= 1">{{ product.stock > 0 ? "A√Īadir a Carrito" : "Agotado"}}</button>