Input Number
Input de valores numéricos con un rango personalizable.
Uso básico
TIP
Si se introduce una cadena no válida en el input, el valor de entrada emitirá NaN
a la capa superior como resultado de error
Deshabilitar
Steps
Le permite definir el nivel de incremento de los saltos.
Step estricto
Precisión
TIP
El valor de precision
debe ser un número entero positivo que no debe ser inferior a los decimales del step
.
Tamaño
Use el atributo size
para aplicar tamaños adicionales con large
o small
.
Posición de los controles
Custom Icon 2.6.3
API
Atributos
Nombre | Descripción | Tipo | Por defecto |
---|---|---|---|
model-value / v-model | valor vinculado | number | — |
min | el valor mínimo permitido | number | -Infinity |
max | el valor maximo permitido | number | Infinity |
step | incremento (salto) | number | 1 |
step-strictly | si el valor del input puede ser solo un múltiplo de step | boolean | false |
precision | precisión del valor del input | number | — |
size | tamaño del componente | enum | default |
readonly 2.2.16 | igual que readonly en el input nativo | boolean | false |
disabled | si el componente está deshabilitado | boolean | false |
controls | si desea activar los botones de control | boolean | true |
controls-position | posición de los botones de control | enum | — |
name | como name en el input nativo | string | — |
label a11y deprecated | same as aria-label in native input | string | — |
aria-label a11y 2.7.2 | same as aria-label in native input | string | — |
placeholder | igual que placeholder en input nativo | string | — |
id | igual que id en el input nativo | string | — |
value-on-clear 2.2.0 | el valor a establecerse cuando el input se limpia | number / null / enum | — |
validate-event | si se debe lanzar la validación de formulario | boolean | true |
Slots
Nombre | Descripción |
---|---|
decrease-icon 2.6.3 | custom input box button decrease icon |
increase-icon 2.6.3 | custom input box button increase icon |
Eventos
Nombre | Descripción | Tipo |
---|---|---|
change | se dispara cuando el valor cambia | Function |
blur | se dispara cuando se pierde el foco | Function |
focus | se dispara cuando se obtiene el foco | Function |
Expuesto
Name | Description | Tipo |
---|---|---|
focus | coloca el foco en el elemento actual | Function |
blur | quita el foco del elemento actual | Function |