Skip to content

表单组件

TIP

表单组件和ISearch很类似,都是对el-form的封装

基本用法

Attributes 属性

属性类型说明默认值
valueobject表单v-model{}
formClassstring表单根节点的class配置项class.IFormRoot
formPropsobject传递给el-form的props参数配置项formProps
formOnobject传递给el-form的事件配置项formOn
formRulesobject表单校验规则,直接传递给el-form组件{}
expandButtonsarray扩展按钮的RenderCell组件配置[]
submitButtonobject,booleanfalse=不显示提交按钮,object=显示并控制提交按钮的RenderCell组件配置配置项submitButton
cancelButtonobject,booleanfalse=不显示取消按钮,object=显示并控制取消按钮的RenderCell组件配置配置项cancelButton
formItemsarray表单项目列表,每个子项都是一个RenderCell组件配置[]
qDataobject附加给每个渲染单元的qData参数,方便制作一些高阶操作{}
submitPreventRepeatboolean调用submitFunc时是否节流false
submitFuncfunction提交方法null
loadingboolean外部控制的loadingfalse
classNamestring组件根节点的class类名,方便控制整体样式配置项class.ISearchRoot

formItems 配置

TIP

除了以下独特的参数,其他参数都和RenderCell渲染单元配置一样

属性类型说明默认值
spannumber表单单元外部的el-col组件参数24

Events 事件

事件说明参数
changeForm表单内容发生变动formValue,item
beforeSubmit表单校验通过,提交前formValue
afterSubmit表单提交成功后response
validationFailed表单校验失败formValue
cancel点击取消按钮后formValue

Released under the MIT License.