element validate验证函数不执行的原因分析
更新时间：2024年04月22日 10:47:24 作者：孙可爱.
这篇文章主要介绍了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，
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了elementPuls 表格反选实现示例代码,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-07-07
这篇文章主要介绍了vue中的echarts实现宽度自适应,本文给大家分享实现方案，代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-09-09
详解element-ui 组件el-autocomplete使用踩坑记录
最近使用了el-autocomplete组件，本文主要介绍了element-ui 组件el-autocomplete使用踩坑记录，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了Vue侦测相关api，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
最近vue项目中遇到了需求,客户端需要实现以excel表格形式下载数据,这篇文章主要给大家介绍了关于vue下载excel文件的四种方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-06-06
vuex是专门为Vue.js应用程序开发的状态管理模式,下面这篇文章主要给大家介绍了关于vuex中5个属性使用方法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-04-04
今天小编就为大家分享一篇关于vue中轮训器的使用，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
下面小编就为大家分享一篇vue2.0使用swiper组件实现轮播的示例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
插槽slot可以说在一个Vue项目里面处处都有它的身影，比如我们使用一些UI组件库的时候，我们通常可以使用插槽来自定义我们的内容，这篇文章主要介绍了Vue3中slot插槽使用方式,需要的朋友可以参考下2023-01-01
我们在项目开发的过程中，经常会遇到这种情况：为data中的某一个对象添加一个属性，我们该如何解决这个问题呢，下面小编给大家带来了Vue中this.$set的正确使用，感兴趣的朋友跟随小编一起看看吧2022-12-12
最新评论