el-cascader验证问题

Vue Element-ui el-cascader FORM表单校验失败

问题描述

表单中 el-cascader 级联选择器, 使用 async-validator 进行校验时明明已经选择了值, 但还是选择失败。

选择值并不能校验通过

解决方案

1. 检查验证规则对象的 type 属性是否是 ‘array’ (不可大写)
2. 检查el-form标签中的 :model=“form” 是否是 el-cascader 组件 v-model 绑定的对象相同
3. 检查el-form-item标签 prop 属性绑定的值是否是 el-cascader 组件 v-model 绑定的key相同 (如下图)

验证选择值后可正常校验