Skip to content

共享 Props ​

所有表单项组件共享以下公共属性。

通用属性 ​

属性名类型默认值描述
fieldstring-提交的字段名
tstring-组件类型标识
labelstring-输入框左侧文本
placeholderstring-输入框的提示文字
defaultValueany-默认值
requiredbooleanfalse是否必填
rulesRule[]-校验规则
disabledbooleanundefined是否禁用
readonlybooleanundefined是否只读
hidebooleanundefined是否隐藏表单项(v-if 隐藏 form-item)
clearablebooleantrue是否显示清除按钮
slotsCommonSlots-组件自身的插槽

数据源属性 ​

属性名类型默认值描述
optionsany[]-数据源
getOptions(cb, query) => void-获取数据源的方法(异步)

依赖属性 ​

属性名类型默认值描述
dependboolean-是否开启依赖
dependFieldsstring | string[]-依赖的字段名

插槽属性 ​

属性名类型默认值描述
slotsCommonSlots-组件自身的插槽
itemSlotsRecord<string, any>-表单项插槽

内容属性 ​

属性名类型默认值描述
contentPropsRecord<string, any>-表单组件属性(直接传递给 Vant 组件),与 FormItem Prop 冲突的属性

继承的 Vant Field 属性 ​

所有表单项组件都继承了 Vant Field 组件的属性,包括但不限于:

属性名类型默认值描述
namestring-字段名
labelstring-输入框左侧文本
placeholderstring-输入框占位提示文字
disabledbooleanfalse是否禁用
readonlybooleanfalse是否只读
clearablebooleantrue是否显示清除按钮
is-linkbooleanfalse是否展示右侧箭头并开启点击反馈
requiredbooleanfalse是否显示必填星号
rulesFieldRule[]-校验规则
label-classstring | Array | object-左侧文本额外类名
label-widthstring | number-左侧文本宽度
label-alignstring-左侧文本对齐方式
input-alignstring-输入框对齐方式
error-messagestring-底部错误提示文案
error-message-alignstring-底部错误提示文案对齐方式
colonbooleanfalse是否在 label 后面添加冒号
show-word-limitbooleanfalse是否显示字数统计
maxlengthnumber | string-输入的最大字符数
autosizeboolean | { maxHeight: number; minHeight: number }false是否自适应内容高度

更多属性请参考 Vant Field 组件文档。