Espera un momento 🎁 ...
¿Te gustaría aprender a programar, gratis?
Sólo debes registrarte 😉.
Crea una cuenta y continúa aprendiendo 🚀
Regístrate o inicia sesión para continuar aprendiendo:
Frontend
Aprendiz
Invocar una acción desde otra
Veamos cómo es posible invocar a una acción desde otra, para reutilizar parte de nuestra lógica ya escrita. En este caso lo usamos para eliminar detalles cuando la cantidad llega a ser cero.
Esta lección no cuenta con recursos adicionales.
Si crees que hace falta algo, o necesitas ayuda, puedes publicar una pregunta en el foro.
Ya tenemos una opción para agregar ítems al carrito. Tenemos una opción para disminuir la cantidad, y tenemos una opción para eliminar. Sin embargo, ¿qué pasa si agregamos un producto? Y luego hacemos un mal uso del botón de reducir cantidad. Es posible que la cantidad disminuya a valores menores que 0. Vamos a agregar una validación, de tal manera que si un usuario disminuye la cantidad hasta 0, el producto desaparezca del carrito. Porque no queremos que se haga un pedido de 0. De esta manera vamos a evitar valores negativos o valores absurdos como una cantidad de 0. ¿Cómo podemos lograr ello? Vamos a llamar a una acción desde otra acción. Por ejemplo, en este caso nos vamos a la acción de decrement y vamos a preguntar lo siguiente. Primero vamos a disminuir la cantidad en 1, eso lo vamos a seguir haciendo sin problemas. Sin embargo, luego de disminuir, vamos a poner una pregunta. Si la cantidad es 0, vamos a invocar a la acción delete product, y le vamos a pasar aquí el Product ID. De esta manera buscamos el producto, disminuimos su cantidad. Si luego de hacer la disminución queda en 0, lo eliminamos. De esta manera nosotros podemos llamar a una acción desde otra. Guardamos y vamos a hacer una prueba. Vamos a agregar dos productos. Uno de ellos lo vamos a eliminar con el botón de eliminar. Y el otro vamos a disminuir su cantidad hasta 0. Desapareció. De esta manera mantenemos una consistencia en los datos de nuestro proyecto.
¿Tienes dudas?
Publicar preguntaRegístrate
Inicia sesión para llevar un control de tu progreso.
Capítulos
06
08
09
30
35
38
44
48
49
56
74
Invocar una acción desde otra
79
81
82
84
99
107
112
119
Estás viendo un capítulo de la serie Aprende Vue 3, Vite, VueRouter, Vuetify, Pinia y TypeScript