tengo un formulario en donde tengo un input text donde se agrega una cantidad, tengo un ref que es un objeto con cada campo del formulario donde en el input le asigno con un v-model, en el input agrego el evento @input donde mando a llamar una funcion y obtengo el value(e.target.value) para despues formatear, esto lo muestra bien en consola, pero quiero mostrar este resultado en el input, lo que hago es que el resultado formateado lo agrego al valor del objeto para que lo muestre en el input, lo muestra bien hasta escribir 5 digitos, despues de esto me pone un NaN y me deja escribir mas numeros con pero sin formato y con el NaN al inicio, como puedo solucionar esto?.
Este es el codigo:
<input type="text" :value="datos.cantidad" @input="formatCantidad">
const datos = ref({
cantidad: ''
})
const formatCantidad = (e) => {
const value = e.target.value;
const format = new Intl.NumberFormat("es-ES", {
maximumFractionDigits: 3,
}).format(value)
datos.value.cantidad = format
}