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> 扩展 TextBaseEditableTextBase 提供其他属性和事件。


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

<TextField> 使用提供双向数据绑定 v-model

<TextField v-model="textFieldValue" />

道具

名称类型描述
textString获取或设置字段的值。
hintString获取或设置占位符文本。
editableBoolean何时 true,表示用户可以编辑该字段的值。
maxLengthNumber限制输入到spcified数字的字符。
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