Traté de obtener el número ingresado en una función en Vue con el siguiente código.
<input type="number" step="1" class="form-control" placeholder="Enter MyLCI number" required min="1000000" @click.prevent="changeSearch(2)" @keypress="searchLeo" @paste="searchLeo" >Y mi función se ve a continuación.
searchLeo(e) { console.log(e) const val = parseInt(e.target.value); console.log(val) }Cuando escribo un número en el campo de entrada, siempre el valor de la variable "val" viene sin el último número que ingresé. Ejemplo: si ingreso 123, muestra solo 12. Pero cuando verifico event.target.value desde la salida de console.log(e), muestra el valor como 123.
¿Puede alguien por favor, explicar la razón.
Presionar una tecla es una referencia para presionar el botón, y el vue no capta el valor en ese momento. Si cambias por:
<input type="number" step="1" class="form-control" placeholder="Enter MyLCI number" required min="1000000" @click.prevent="changeSearch(2)" @keyup="searchLeo" @paste="searchLeo" >Su código debería funcionar bien, porque cuando haya hecho la clave, el vue ya lo tiene.