element表单属性方法
form表单
属性:
model: 表单里面的数据对象。
rules: 对表单进行一些判断,比如‘不能为空’。
inline: 就是表单里面的内容是否为一行。用布尔值判断。默认 false。
label-position: 就是 input 框前面的 label 标签的对齐方式,如果值为 left 或者 right 时,则需要设置 label-
width。有三个可选值:right/left/top。默认为 right。
label-width: 表单中 label 的宽度,form的子元素 form-item 里面的 label 会继承该值。
label-suffix: 表单域标签的后缀 ***
hide-required-asterisk: 是否隐藏必填字段的标签旁边的红色星号,布尔类型,默认为 false。
show-message: 是否显示检验错误信息,布尔类型,默认 true。
inline-message: 是否以行内形式展示检验信息,布尔类型。默认 false。
status-icon: 是否在输入框中显示校验结果反馈图标,就是格式正确的话输入框最后会有一个小对号,布尔类型,默认
false。
validate-on-rule-change: 是否在rules(验证)属性改变后立即触发一次验证,布尔类型,默认 true。
size: 控制该表单内组件的尺寸,String 类型,里面有三个参数,从大到小分别是 medium、small、mini。
disabled: 是否禁用表单内的所有组件,布尔类型,默认 false ,如果设置为 true 的话,表单内组件上的 disabled
属性不在生效。
form表单
方法:
validate: 对整个表单进行校验的方法,参数是一个回调函数,该回调函数会在校验结束后被调用,并传入两个参数:是否
校验成功和未通过校验的字段,若不传入回调函数则会返回一个promise
参数:Function( callback : Function ( boolean,object ) )
validateField:对部分表单字段进行校验的方法。
参数:Function ( props: array | string, callback: Function( errorMessage: string ) )
resetFields: 对整个表单进行重置,将所有字段值重置为初始值并移除校验结果。
clearValidate: 移除表单的校验结果,传入待移除的表单项的prop属性或者prop组成的数组,如果不传的话则移除整个表单
的校验结果。
参数:Function ( props: array | string )
form表单
事件:
validate: 任一表单项被检验后触发。
回调参数:被校验的表单项prop值,校验是否通过。
form表单
item属性:
prop:表单域model字段,在使用validate、resetFields方法的情况下,改属性是必填的。String类型,可选值:传入Form
组件的model中的字段。
label:标签文本,就是Input框前面的文本。
required:是否必填,如果不设置,则会根据校验规则自动生成。布尔类型。默认false。
error:表单验证错误信息,设置该值会使表单验证状态变为error,并显示该报错信息。