这是对 TextField 最常见用法概述。有关可用属性、方法或事件的更多信息,请转到 TextField 的完整 API 文档。
<TextField>
是一个输入组件,用于创建一个可编辑的单行框。
<TextField>
扩展了 TextBase
和 EditableTextBase
,它们提供了额外的属性和事件。
<TextField :text="textFieldValue" hint="Enter text..." />
<TextField>
使用 v-model
提供双向数据绑定。
<TextField v-model="textFieldValue" />
名称 | 类型 | 描述 |
---|---|---|
text | 字符串 | 获取或设置字段的值。 |
hint | 字符串 | 获取或设置占位符文本。 |
isEnabled | 布尔值 | 使字段禁用或启用。默认值为 true 。 |
editable | 布尔值 | 当 true 时,表示用户可以编辑字段的值。 |
maxLength | 数字 | 将输入限制为指定的字符数。 |
secure | 布尔值 | 当 true 时隐藏输入的文本。使用此属性创建密码输入字段。默认值: false 。 |
keyboardType | KeyboardType | 显示自定义键盘以方便文本输入。 有效值: datetime 、phone 、number 、url 或 email 。 |
returnKeyType | ReturnKeyType | 获取或设置返回键的标签。 有效值: done 、next 、go 、search 或 send 。 |
autocorrect | 布尔值 | 启用或禁用自动更正。 |
名称 | 描述 |
---|---|
textChange | 文本更改时发出。 |
returnPress | 按下返回键时发出。 |
focus | 字段处于焦点时发出。 |
blur | 字段失去焦点时发出。 |
Android | iOS |
---|---|
android.widget.EditText | UITextField |