Estoy creando un punto de venta donde
tengo una tabla que enlista varios artículos previamente buscados, en la tabla hay un input
en el que coloco la cantidad que se requiere.
El artículo cuenta con distintos precios y cantidad mínima para que se muestre el precio correcto.
Así llamo la función recalcularPrecio
...
<input @keyup.enter="recalcularPrecio" v-model="detail.quantity">
...
Y esta sería la función
recalcularPrecio(){
for(var i = 0; i < this.details.length; i++){
if(this.details[i].quantity < this.details[i].amountTwo){
this.details[i].priceList = this.details[i].priceList;
} else if(this.details[i].quantity >= this.details[i].amountTwo && this.details[i].quantity < this.details[i].amountThree){
this.details[i].priceList = this.details[i].priceTwo;
} else {
this.details[i].priceList = this.details[i].priceThree;
}
}
}
Con este código logro hacer que cambie el precio pero al ingresar una cantidad inferior a amountTwo
no regresa al valor priceList
, se queda con el valor de priceTwo
Que es lo que estaré haciendo mal Espero me puedan ayudar.
for (var i = 0, i < this.details.lenght; i++) {
pues si te fijas separas con una coma elvar i = 0
del resto, cuando creo que deberia ser un punto y coma;
(no se si tendrá que ver con tu problema, pero parece ser un error tipográfico al menos)this.details[i].priceList = this.details[i].priceList;
... no parece que haga nada, ¿no?this.details[i].priceList
si hace lo que quiero, quiero suponer que su valor al cambiar apriceTwo
se queda en ese valor como si fuera el valor original.