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> - компонент ввода, который создает доступный для редактирования однострочное текстовое поле.

<TextField> расширяет TextBase и EditableTextBase , добавляя дополнительные свойства и события.


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

<TextField> обеспечивает двустороннюю привязку данных, используя v-model.

<TextField v-model="textFieldValue" />

Свойства

ИмяТипОписание
textStringПолучает или задает значение текстового поля.
hintStringПолучает или задает текст для подсказки текстового поля.
editableBooleanКогда true, указывает, что пользователь может редактировать значение поля.
maxLengthNumberОграничивает количество символов.
secureBooleanСкрывает введенный текст, если true. Используйте это свойство для создания поля для ввода пароля.
Значение по умолчанию: false.
keyboardTypeKeyboardTypeОтображает пользовательскую клавиатуру для более простого ввода.
Возможные значения: datetime, phone, number, url или email.
returnKeyTypeReturnKeyTypeПолучает или задает заголовок клавиши ввода.
Возможные значения: done, next, go, search или send.
autocorrectBooleanРазрешает или запрешает автокорекцию.

События

ИмяОписание
textChangeСрабатывает при изменении текста.
returnPressСрабатывает при нажатии на клавишу ввода.
focusСрабатывает при получении фокуса полем ввода.
blurСрабатывает при потрере фокуса полем ввода.

Нативный компонент

AndroidiOS
android.widget.EditTextUITextField
Contributors