需求中需要对这个组件进行验证,就是必须选择里面一级一级的数据,就拿着ui库中的代码拷贝过来了,结果rules的校验规则中trigger: ‘change’/‘blur’都没有验证通过,最后发现cascader这个组件有一个事件,然后拿着handleChange事件做了一个判断就ok了。
这是cascader的一个校验规则
area: [
{ required: true, message: '请选择行政区', trigger: 'change' }
],
这里是一个判断,return或赋值为空字符串都可以通过验证
handleChange(value) {
if (value.length === 0) {
return
// this.ruleForm.area = ''
} else {
this.ruleForm.area = value
}
},