element表单的自定义校验

142 阅读1分钟

1. 关键属性 4个 el-form组件 :model="form对象" :rules="rules规则" el-form-item组件 prop="字段名" el-input v-model="form对象.属性名"

2. 校验方式: - 非空 required: true - 长度 min max - 正则 pattern - 自定义 validator

1.png

自定义校验

0.png

3. 实际使用场景 商品管理系统 添加商品 - 部门名称 不允许同级别重复 (需要树形结构的数据判断 - 递归) - 部门编码 不允许重复 (判断和所有部门的code是否重复)