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" />
Nombre | Tipo | Descripción |
---|---|---|
text | String | Obtiene o establece el valor del campo de texto. |
hint | String | Obtiene o establece el texto del placeholder del campo de texto. |
editable | Boolean | Indica cuando el usuario puede modificar el valor del campo de texto. Valor pore defecto: true . |
maxLength | Number | Limita el valor del campo de texto a un número determinado de caracteres. |
secure | Boolean | Oculta el valor del campo de texto. Usa este propiedad para crear campos de texto para contraseñas. Default value: false . |
keyboardType | KeyboardType | Muestra un tipo de teclado determinado para facilitar el ingreso de texto Posibles valores: datetime , phone , number , url , o email . |
returnKeyType | ReturnKeyType | Obtiene o establece el nombre de la tecla de retorno Posibles valores: done , next , go , search , o send . |
autocorrect | Boolean | Habilita o deshabilita el autocorrector. |
Nombre | Descripción |
---|---|
textChange | Emitido cada vez que cambia el valor del campo de texto. |
returnPress | Emitido cada vez que la tecla de retorno es presionada. |
focus | Emitido cada vez que se hace foco en el campo de texto. |
blur | Emitido cada vez que pierde foco el campo de texto. |
Android | iOS |
---|---|
android.widget.EditText | UITextField |