diff --git a/public/js/productos.js b/public/js/productos.js
index cb5bc4c..cd9c74b 100644
--- a/public/js/productos.js
+++ b/public/js/productos.js
@@ -144,7 +144,7 @@ Vue.component('producto-container', {
                           </button>
                       </p>
                       <p class="control">
-                          <input id="cantidad" class="input" type="number" :value=cant style="text-align: center">
+                          <input id="cantidad" class="input" type="number" v-model.number="cant" style="text-align: center">
                       </p>
                       <p class="control">
                           <button class="button" @click="cant++">
@@ -187,6 +187,7 @@ Vue.component('producto-container', {
     },
     agregarProducto() {
         if (this.cant < 0) alert("No se puede agregar cantidades negativas")
+        else if (!Number.isInteger(this.cant)) alert("Las cantidades deben ser números enteros")
         else {
             Event.$emit("sync-subpedido", this.cant, this.producto.id);
             this.cerrar();