Estoy intentando configurar un campo de entrada de números en Vue 3 que evita que el usuario ingrese un valor por debajo de 1. Hasta ahora tengo la siguiente entrada con min = 1 para evitar hacer clic en las flechas de entrada debajo de 1:
<input min="1" type="number" />Sin embargo, el usuario aún puede ingresar manualmente 0 o un número negativo. ¿Cómo puedo evitar que el usuario ingrese un número inferior a 1?
Puede verificar el valor en keyup :
const { ref } = Vue const app = Vue.createApp({ setup() { const numValue = ref(null) const setMin = () => { if(numValue.value < 1) numValue.value = null } return { numValue, setMin } }, }) app.mount('#demo') <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script> <div id="demo"> <input @keyup="setMin" min="1" v-model="numValue" type="number" /> </div>