vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > element validate验证函数不执行的原因

element validate验证函数不执行的原因分析

作者:孙可爱.

这篇文章主要介绍了element validate验证函数不执行的原因分析,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

element validate验证函数不执行的原因

注意避坑 可能原因

1.el-form 并不是v-model="form" 而是 :model="form" --这个问题可能会导致很多奇怪的bug

2.自定义的validator验证方式需要调用callback。

验证失败callabck(new Errno('')).    验证成功 callback()

3.checkbox radio无法校验 注意使用的tigger是change而不是blur

1.使用:model

2.自定义的validator验证方式需要调用callback:

注意:

vaildator自定义规则this.bankCardRules 需要有callback 所有自定义规则都需要callback否则无法被validate捕捉 return 也不会好用 只有用callback才会好用!

自定义规则的第三个入参就是callback

当callbacl返回为new Error 会判断为校验不通过

而callbak为空的时候则会判断为校验通过

return 返回也不会好用 只有用callback才会好用!!

这个时候才会进入到validate函数中正确执行

3,

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文