NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube
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> é um componente de campo de texto editável com uma única linha.

<TextField> estende TextBase e EditableTextBase que fornece propriedades e eventos adicionais.


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

<TextField> suporta two-way data binding usando v-model.

<TextField v-model="textFieldValue" />

Propriedades

nometipodescrição
textStringObtém ou define o valor do campo.
hintStringObtém ou define o texto do placeholder.
editableBooleanQuando true, indica que o usuário pode editar o valor do campo.
maxLengthNumberLimita o campo para um número específico de caracteres.
secureBooleanEsconde o texto digitado quando true. Use essa propriedade para criar um campo de senha.
Valor padrão: false.
keyboardTypeKeyboardTypeExibe um teclado personalizado para facilitar a entrada de textos.
Valores válidos: datetime, phone, number, url ou email.
returnKeyTypeReturnKeyTypeObtém ou define o texto do teclado return.
Valores válidos: done, next, go, search ou send.
autocorrectBooleanHabilita ou desabilita a auto correção.

Eventos

nomedescrição
textChangeEmitido quando o texto é alterado.
returnPressEmitido quando o teclado return é precionado.
focusEmitido quando o campo está em foco.
blurEmitido quando o campo perder o foco.

Componente Nativo

AndroidiOS
android.widget.EditTextUITextField
Contributors