Boton de agregar a la chismosa desabilitado para cantidades no validas

This commit is contained in:
Alejandro Tasistro 2022-03-31 14:43:15 -03:00
parent 763fd3f646
commit 420387cdb7
1 changed files with 6 additions and 3 deletions

View File

@ -159,7 +159,7 @@ Vue.component('producto-container', {
</section> </section>
<footer class="modal-card-foot"> <footer class="modal-card-foot">
<!-- Habría que ver si cambiar el botón cuando al cantidad es 0 --> <!-- Habría que ver si cambiar el botón cuando al cantidad es 0 -->
<button class="button is-success" @click="agregarProducto">Agregar a la chismosa</button> <button class="button is-success" :disabled="cant <= 0" @click="agregarProducto">Agregar a la chismosa</button>
<button class="button" @click.capture="cerrar">Cancelar</button> <button class="button" @click.capture="cerrar">Cancelar</button>
</footer> </footer>
</div> </div>
@ -186,8 +186,11 @@ Vue.component('producto-container', {
Event.$emit("migas-pop"); Event.$emit("migas-pop");
}, },
agregarProducto() { agregarProducto() {
Event.$emit("sync-subpedido", this.cant, this.producto.id); if (this.cant < 0) alert("No se puede agregar cantidades negativas")
this.cerrar(); else {
Event.$emit("sync-subpedido", this.cant, this.producto.id);
this.cerrar();
}
} }
}, },
mounted() { mounted() {