Skip to content

FsForm

配置化的表单组件 暴露的方法: ref.submit() = 提交表单 ref.reset() = 重置表单

Props

Prop nameDescriptionTypeValuesDefault
initialForm初始表单数据object-{}
columns字段模版
{
key:{
title: "字段名称",
component:{
name:"组件名称"
...组件参数
}
}
}
object-undefined
group字段分组
{
type:'xxx', //分组展示类型
groups:{ //分组数据
groupKey:{ title:'xxx',columns:['fieldKey','fieldKey']}
}
}
object-undefined
doReset重置表单后的操作func-undefined
beforeValidate点击保存按钮,表单校验前执行操作(async)func-undefined
beforeSubmit表单校验完完成后,提交前处理(async)func-undefined
doSubmit点击保存按钮时执行操作(async)func-undefined
afterSubmit表单提交后处理(async)func-undefined
slots插槽内容object-{}
display布局方式【flex|grid】string-"flex"
index序号,编辑时会传入number-undefined
mode模式 [add,edit,view,自定义]string-undefined
rowa-row 配置object-undefined
colel-col|a-col 配置,可配置跨列object-undefined
formItemformItem 的公共配置object-undefined
helperhelper 位置:object-
watchfunc-null

Events

Event namePropertiesDescription
reset
submit
success
validationError
value-change
init