Skip to content

hl-form-item

hl-form-item 继承了el-form-item所有的属性,在 el-form-item 基础上 hl-form-item 预设了一些校验规则

基础用法

姓名
年龄
身份证号
手机号
vue

上面的 required 表示姓名为必填项,当没有填写时会提示“请输入姓名”

预设规则

规则属性名说明
必填required-
身份证号idCard-
邮箱email-
整型integer-
数字number包含小数、整数
手机号phone-
车牌号carNum-
IP 地址ip-
端口port-
最大长度maxLength绑定一个数字
最小长度minLength绑定一个数字
上传uploadLoading表单中有hl-upload并且开启了自动上传,设置了该属性后文件未上传完成不能提交
数组长度minCount当字段类型是数组时,校验数组长度

属性

属性说明类型可选值默认值
trigger触发校验方式Stringblur
rules自定义校验规则Object/Arraynull
info提示信息:必填校验会自动根据表单类型判断是“请选择”还是“请输入”,当无法正确判断时可以手动设置改属性String
labelWidth表单标签长度Stringfit-自适应
minCountMsg配合校验规则minCount使用,不满足minCount的提示信息String