Appearance
表单组件
TIP
表单组件和ISearch很类似,都是对el-form的封装
基本用法
Attributes 属性
属性 | 类型 | 说明 | 默认值 |
---|---|---|---|
value | object | 表单v-model | {} |
formClass | string | 表单根节点的class | 配置项class.IFormRoot |
formProps | object | 传递给el-form的props参数 | 配置项formProps |
formOn | object | 传递给el-form的事件 | 配置项formOn |
formRules | object | 表单校验规则,直接传递给el-form组件 | {} |
expandButtons | array | 扩展按钮的RenderCell 组件配置 | [] |
submitButton | object,boolean | false=不显示提交按钮,object=显示并控制提交按钮的RenderCell 组件配置 | 配置项submitButton |
cancelButton | object,boolean | false=不显示取消按钮,object=显示并控制取消按钮的RenderCell 组件配置 | 配置项cancelButton |
formItems | array | 表单项目列表,每个子项都是一个RenderCell 组件配置 | [] |
qData | object | 附加给每个渲染单元的qData参数,方便制作一些高阶操作 | {} |
submitPreventRepeat | boolean | 调用submitFunc时是否节流 | false |
submitFunc | function | 提交方法 | null |
loading | boolean | 外部控制的loading | false |
className | string | 组件根节点的class类名,方便控制整体样式 | 配置项class.ISearchRoot |
formItems 配置
TIP
除了以下独特的参数,其他参数都和RenderCell
渲染单元配置一样
属性 | 类型 | 说明 | 默认值 |
---|---|---|---|
span | number | 表单单元外部的el-col组件参数 | 24 |
Events 事件
事件 | 说明 | 参数 |
---|---|---|
changeForm | 表单内容发生变动 | formValue,item |
beforeSubmit | 表单校验通过,提交前 | formValue |
afterSubmit | 表单提交成功后 | response |
validationFailed | 表单校验失败 | formValue |
cancel | 点击取消按钮后 | formValue |