You are reading docs for v1.3.1, click here for the latest version.
TextField

This is an overview of the most common usage of TextField. For more information about the available properties, methods, or events, head over to the complete API documentation for TextField.

<TextField> es un componente de UI que permite al usuario ingresar información a través de un campo de texto (de una sola línea).

El componente <TextField> extiende a TextBase y a EditableTextBase, agregando propiedades y eventos adicionales.


<TextField :text="textFieldValue" hint="Enter text..." />

<TextField> provee enlace de datos bidireccional (two-way data binding) usando v-model.

<TextField v-model="textFieldValue" />

Propiedades

NombreTipoDescripción
textStringObtiene o establece el valor del campo de texto.
hintStringObtiene o establece el texto del placeholder del campo de texto.
editableBooleanIndica cuando el usuario puede modificar el valor del campo de texto.
Valor pore defecto: true.
maxLengthNumberLimita el valor del campo de texto a un número determinado de caracteres.
secureBooleanOculta el valor del campo de texto. Usa este propiedad para crear campos de texto para contraseñas.
Default value: false.
keyboardTypeKeyboardTypeMuestra un tipo de teclado determinado para facilitar el ingreso de texto
Posibles valores: datetime, phone, number, url, o email.
returnKeyTypeReturnKeyTypeObtiene o establece el nombre de la tecla de retorno
Posibles valores: done, next, go, search, o send.
autocorrectBooleanHabilita o deshabilita el autocorrector.

Events

NombreDescripción
textChangeEmitido cada vez que cambia el valor del campo de texto.
returnPressEmitido cada vez que la tecla de retorno es presionada.
focusEmitido cada vez que se hace foco en el campo de texto.
blurEmitido cada vez que pierde foco el campo de texto.

Componente nativo

AndroidiOS
android.widget.EditTextUITextField
Contributors