项目场景:
vue中this.$refs[form].validate(valid) 一直不执行
问题描述:
在用vue和element做form验证的时候, this.$refs[form].validate(valid) 一直不执行里面的代码,打印出来的时候一直是pending的状态。后来发现还是因为自定义的验证方法里面漏写的callback()
原因分析:
一开始只写了1,2,4 三个callback方法, 漏写了3 的callback 方法,导致我的validate执行不成功, 如果确定你的自定义验证方法里面的callback是都有的, 可以检查
1. prop是不是都添加在了rules, 如果没有就需要删除多余的prop
2. prop 是不是都写在了el-form-item上
3. 这个是我个人碰到的问题,我的data里面漏写了一些字段,导致一开始的时候没有debug到时callback的问题
解决方案:
1. 检查自定义的验证方法, 确保所有出口都有callback
2. 检查prop
3 检查data