Skip to content

Form 按钮

表单组件,配合FormItem一起使用。 支持将数据绑定到表单,表单设置label插槽设置表单项的标签,支持自定义模板,支持传入校验规则对表单项进行校验。 支持表单整体进行校验、支持清除表单校验状态、支持清除表单内容

基础用法

Form标签使用 :model 来绑定数据。 Form标签使用 ref 获取表单实例 FormItem标签 label 设置标签 FormItem标签 prop 设置使用属性

loading

校验设置

Form标签使用 :rules定义整个表单校验规则。

loading

Form Attributes

NameDescriptionTypeDefault
model绑定数据Record<string,any>
rules校验规则Record<string,any>

FormItem Attributes

NameDescriptionTypeDefault
label标签string
prop绑定属性string

FormInstance Attributes

NameDescriptionType
validate校验方法()=>Promise<any>
clearValidate清除校验状态(string[])=>void)
resetFields清除表单(string[])=>void

FormItemInstance Attributes

NameDescriptionType
validate校验方法(string)=>Promise<any>
clearValidate清除校验状态()=>void)
resetFields清除表单()=>void
validateStatus校验状态'init' | 'success' | 'error'| 'loading' |