Appearance
FsForm
配置化的表单组件 暴露的方法: ref.submit() = 提交表单 ref.reset() = 重置表单
Props
Prop name | Description | Type | Values | Default |
---|---|---|---|---|
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 |
row | a-row 配置 | object | - | undefined |
col | el-col|a-col 配置,可配置跨列 | object | - | undefined |
formItem | formItem 的公共配置 | object | - | undefined |
helper | helper 位置: | object | - | |
watch | func | - | null |
Events
Event name | Properties | Description |
---|---|---|
reset | ||
submit | ||
success | ||
validationError | ||
value-change | ||
init |