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
With prefix and suffix 2.8.4
TIP
For precision purposes, the input number is limited from Number.MIN_SAFE_INTEGER to Number.MAX_SAFE_INTEGER.
API
Atributos
| Nombre | Descripción | Tipo | Por defecto |
|---|---|---|---|
| model-value / v-model | valor vinculado | number / null | — |
| min | el valor mínimo permitido | number | Number.MIN_SAFE_INTEGER |
| max | el valor maximo permitido | number | Number.MAX_SAFE_INTEGER |
| 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 | — |
| 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 |
| label a11y deprecated | same as aria-label in native input | string | — |
| inputmode 2.10.3 | same as inputmode in native input | string | — |
| align 2.10.5 | alignment for the inner input text | enum | 'center' |
| disabled-scientific 2.10.5 | disables input of scientific notation (e.g. 'e') | boolean | false |
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 |
| prefix 2.8.4 | content as Input prefix |
| suffix 2.8.4 | content as Input suffix |
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 |
Fuente
Componentes • Style • Documentación
Contribuidores
