$ui/components/my-form

表单组件

Source:

my-form/src/Form.vue, line 2

Members

(inner) props

Source:

my-form/src/Form.vue, line 30

Properties:

Name	Type	Attributes	Default	Description
`model`	Object	<optional>		表单初始化数据模型，需要设置表单默认值或回填表单时使用
`itemWidth`	string	<optional>		表单项的宽度，默认自适应，支持任何css宽度设置
`footer`	boolean	<optional>	`true`	显示底部功能，设置false，自带的提交、重置、收起/展开功能将失效
`footerAlign`	string	<optional>		底部对齐方式，可选值：'left', 'right', 'center'
`submitText`	String \| Boolean	<optional>	`提交`	提交按钮文本，false 时不显示提交按钮
`submittingText`	String	<optional>	`正在提交数据...`	正在提交时按钮文本, 需要设置 prevent=true 时才有效
`onSubmit`	function	<optional>		提交表单回调函数，必须要返回Promise
`resetText`	string	<optional>		重置按钮文本，false 时不显示
`resetSubmitSuccess`	Boolean	<optional>	`false`	提交数据成功后，重置表单
`collapsible`	Boolean	<optional>		支持表单项展开、收起
`collapsed`	boolean	<optional>	`true`	初始收起表单项目，collapsible=true是才有效
`collapseEffect`	string	<optional>		展开、收起动画效果，transition 组件的 name属性
`resetCollapsed`	boolean	<optional>		收起时重置折叠的表单项
`footerBlock`	boolean	<optional>		底部另起一行显示
`footerExpandBlock`	boolean	<optional>	`true`	展开后底部另起一行显示,
`footerFloat`	boolean	<optional>	`false`	底部浮动右边，常在做筛选条件是使用
`loader`	function	<optional>		加载数据函数, 必须返回Promise, 注意：如定义loader，所有表单项目都会回调，函数需要自己实现处理逻辑
`dictMap`	Object	<optional>		字典数据集合, 格式：{字典类型编码：字典列表}
`prevent`	boolean	<optional>	`true`	防止重复提交

属性参数

(inner) slots

Source:

my-form/src/Form.vue, line 11

Properties:

Name	Type	Description
`default`	string	默认插槽，放置表单项
`actions`	string	追加底部操作按钮
`footer重新定义整个底部内容，设置后，自带的提交、重置、收起/展开功能将失效`	string

插槽

Methods

(inner) reset()

Source:

my-form/src/Form.vue, line 243

重置表单

(inner) submit()

Source:

my-form/src/Form.vue, line 198

提交表单

Events

change

Source:

my-form/src/Form.vue, line 176

表单值改变时触发

Parameters:

Name	Type	Description
`model`	Object	表单模型数据

change

Source:

my-form/src/Form.vue, line 287

表单值改变时触发

Parameters:

Name	Type	Description
`model`	Object	表单模型数据

reset

Source:

my-form/src/Form.vue, line 251

重置表单时触发

Parameters:

Name	Type	Description
`vm`	VueComponent	表单实例

submit

Source:

my-form/src/Form.vue, line 223

表单提交时触发

Parameters:

Name	Type	Description
`model`	object	表单模型数据
`vm`	VueComponent	表单实例

validate

Source:

my-form/src/Form.vue, line 54

继承 el-form事件，任一表单项被校验后触发

Parameters:

Name	Type	Description
`value`	*	被校验的表单项 prop 值，校验是否通过，错误消息（如果存在）

validate-fail

Source:

my-form/src/Form.vue, line 232

表单验证不通过

Parameters:

Name	Type	Description
`object`	object	未通过校验的字段

validate-success

Source:

my-form/src/Form.vue, line 206

表单验证通过