Skip to content

数据结构

表单结构

属性类型默认值说明
idStringundefined表单ID(由业务系统自行填充)
sizeStringmedium整体表单尺寸,其他值:smalllarge
widthString,Number100%表单宽度(支持 px、% 格式)
gridNumber3栅栏格数(1 到 24 之间)
labelWidthNumber120标签宽度(单位 px)
labelShowBooleantrue全局设置标签是否显示
labelPlacementStringtop标签位置,其他值:left(左边),Vant渲染器不适用
labelAlignStringleft标签对齐方式,其他值:right(靠右)
submitTextString提交数据默认按钮的文本(若为空,则不显示该按钮)
okTextString提交完成后回显文案(由业务系统进行回显)
urlString后端接口地址(由业务系统完成数据提交)
onLoadStringundefinedJS Code表单初始化后调用
onSubmitStringundefinedJS Code表单提交前调用钩子,用于进行数据预处理,也可以中断表单(返回 Promise)
onChangeStringundefinedJS Code表单值变动时调用钩子,通常用于表单联动
afterSubmitStringundefinedJS Code表单提交完成后调用钩子(注意:需要由业务系统自行调用)
hidesArray[]表单默认值(隐藏项),包含idvalue两个属性
itemsArray[]表单项
buttonsArray[]自定义按钮

表单项结构

表单项属性分两类:控件属性、基本信息(以_开头),分别对应了组件渲染函数的两个参数:propsattrs

属性类型默认值说明
_uuidString表单项ID(对于显示类组件不存在该属性)
_textString标签内容
_widgetString组件编号(按此定位渲染函数)
_colNumber1组件所占格子数
_valueString默认值(支持占位符)
_requiredBooleanfalse是否必填
_regexString检验正则表达式
_messageString校验不通过时回显的文字

额外按钮

属性类型默认值说明
textString按钮文本信息
themeStringdefault按钮配色,其他值:success(绿色)、warning(橙色)、error(红色)
typeStringpost触发事件类型,post(与默认按钮一致,表单提交)、download(下载操作)、script(仅执行代码)
codeStringundefined若脚本返回false则中断后续流程