【坑】element表单校验坑：validate类型错误&提示“is not a string“

一些工作上碰的问题，element表单组件的校验功能，踩了第二次了……而且还都是小错误，卡半天。

validate类型错误

bug表现：表单项永远验证返回错误，debug时validate变量显示type error

原因：data中表单的数据存在层级关系，而prop的时候没有考虑，主要是对prop校验规则的原理不熟悉。prop的值必须和当前表单数据的层级关系一致。

比如

Data: {
    
    a: 'a', b: 'b', c: {
    
    aa: 'aa', bb: 'bb'}}

prop校验数据a，就prop=“a”，如果是校验aa，就prop=“c.aa”，同时rules的键也要改为’c.aa’: [{}]。

is not a string

这个问题就更蠢了，检查一下自定义的rules，validator有没有想当然地写成了validate……纯纯的拼写错误能让你费半天劲去找问题所在。