表单 form #

基本使用 #

表单校验 #

动态表单 #

自定义表单组件 #

更多好玩配置 #

API #

form #

submitOnReset

参数	说明	类型	默认值
layout	表单布局	'horizontal'|'vertical'|'inline'	'horizontal'
initialValues	预置字段默认值	Object	'--'
labelWidth	标签宽度 固定宽度	Number, String	0
schemas	表单配置规则	Array	[]
baseRowStyle	表单里内容 Row style样式	Object	--
baseColProps	col配置	Object	--
disabled	表单禁用	Boolean	false
showActionButtonGroup	是否显示操作按钮	Boolean	false
actionColOptions	操作列Col配置	Object	--
showResetButton	显示重置按钮	Boolean	true
resetButtonOptions	重置按钮配置	Object	--
showSubmitButton	显示确认按钮	Boolean	true
submitButtonOptions	确认按钮配置	Object	--
resetFunc	自定义重置函数	Function	--
submitFunc	自定义确认函数	Function	--
submitOnReset	是否点击重置执行初始化请求数据	Boolean	false
rowProps	表单里内容 Row props	Object	--

schemas #

参数	说明	类型	默认值
field	字段名	string	--
label	表单label	string	--
subLabel	辅助 label	string	--
helpMessage	label提示	string | string[]	--
labelWidth	label宽度	string | number	--
disabledLabelWidth	在formModel全局设置下禁用labelWidth的调整	boolean	false
component	表单项对应的组件ant design 组件名称 例：Input	string	--
componentProps	表单组件属性	Object	--
componentSlots	表单组件slots	any	--
required	必填	boolean | (renderCallbackParams) => boolean	false
suffix	后缀	string | number | ((values) => string | number)	--
rules	规则	Array	--
loading	组件加载状态	boolean	false
colProps	col配置外部的formModelItem	Object	--
defaultValue	该表单默认值	string | number	--
span	span配置	Number	--
vShow	作用同v-show	boolean	true
vIf	作用同v-if	boolean	true
slot	slot配置	string	--
dynamicDisabled	动态禁用	boolean | ((renderCallbackParams) => boolean)	false
dynamicRules	动态规则	(renderCallbackParams) => Rule[]	--

component-props #

参数	说明	类型	默认值
--	所有ant design 表单组件的props	--	--
request	组件异步请求数据	Function	--
requestResult	组件异步请求数据结果	any	--
style	样式	css所有	--
vModelKey	指定v-model绑定的key	string	value

事件 #

事件名称	说明	回调参数
reset	点击重置的回调	(formModel) => void
submit	点击确认的回调	(formModel) => void