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

NombreDescripciónTipoPor defecto
model-value / v-modelvalor vinculadonumber
minel valor mínimo permitidonumber-Infinity
maxel valor maximo permitidonumberInfinity
stepincremento (salto)number1
step-strictlysi el valor del input puede ser solo un múltiplo de stepbooleanfalse
precisionprecisión del valor del inputnumber
sizetamaño del componenteenumdefault
readonly 2.2.16igual que readonly en el input nativobooleanfalse
disabledsi el componente está deshabilitadobooleanfalse
controlssi desea activar los botones de controlbooleantrue
controls-positionposición de los botones de controlenum
namecomo name en el input nativostring
label a11y deprecatedsame as aria-label in native inputstring
aria-label a11y 2.7.2same as aria-label in native inputstring
placeholderigual que placeholder en input nativostring
idigual que id en el input nativostring
value-on-clear 2.2.0el valor a establecerse cuando el input se limpianumber / null / enum
validate-eventsi se debe lanzar la validación de formulariobooleantrue

Slots

NombreDescripción
decrease-icon 2.6.3custom input box button decrease icon
increase-icon 2.6.3custom input box button increase icon

Eventos

NombreDescripciónTipo
changese dispara cuando el valor cambiaFunction
blurse dispara cuando se pierde el focoFunction
focusse dispara cuando se obtiene el focoFunction

Expuesto

NameDescriptionTipo
focuscoloca el foco en el elemento actualFunction
blurquita el foco del elemento actualFunction

Fuente

ComponentesDocumentación

Contribuidores