Field 输入框

继承van-field所有属性

用户可以在文本框内输入或编辑文字。

基础用法

自定义类型

禁用输入框

显示图标

必填星号

自动展示星号

错误提示

插入按钮

格式化输入内容

高度自适应

显示字数统计

输入框内容对齐

输入框文本位置

API

Attributes

属性名	说明	类型	默认值
type	类型	string 'text' | 'textarea' | 'password' | 'button' | 'checkbox' | 'file' | 'number' | 'radio' | ... 等原生 input 类型	text
model-value / v-model	绑定值	string / number	—
maxlength	同原生 maxlength 属性	string / number	—
minlength	原生属性，最小输入长度	string / number	—
show-word-limit	是否显示统计字数, 只在 type 为 'text' 或 'textarea' 的时候生效	boolean	false
placeholder	输入框占位文本	string	—
clearable	是否显示清除按钮，只有当 type 不是 textarea时生效	boolean	false
formatter	指定输入值的格式。(只有当 type 是"text"时才能工作)	Function (value: string | number) => string	—
disabled	是否禁用	boolean	false
size	输入框尺寸，只在 type 不为 'textarea' 时有效	enum 'large' | 'default' | 'small'	—
autosize	textarea 高度是否自适应，仅 type 为 'textarea' 时生效。 可以接受一个对象，比如: { minRows: 2, maxRows: 6 }	boolean / object { minRows?: number, maxRows?: number }	false
autocomplete	原生 autocomplete 属性	string	off
name	等价于原生 input name 属性	string	—
readonly	原生 readonly 属性，是否只读	boolean	false
max	原生 max 属性，设置最大值	—	—
min	原生属性，设置最小值	—	—

Events

事件名	说明	类型
blur	当选择器的输入框失去焦点时触发	Function (event: FocusEvent) => void
focus	当选择器的输入框获得焦点时触发	Function (event: FocusEvent) => void
clear	在点击由 clearable 属性生成的清空按钮时触发	Function () => void