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，
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
解决vue elementUI中table里数字、字母、中文混合排序问题
这篇文章主要介绍了vue elementUI中table里数字、字母、中文混合排序问题,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2020-01-01
这篇文章主要为大家详细介绍了vue实现锚点定位功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
监听数据变化，在Vue中是通过侦听器来实现的，你也可以将它理解为监听器，时刻监听某个数据的变化，本文将通过代码示例为大家详细的介绍一下vue watch如何监听数据变化,需要的朋友可以参考下2023-07-07
利用Vue3+Element-plus实现大文件分片上传组件
在开发中如果上传的文件过大,可以考虑分片上传,分片就是说将文件拆分来进行上传,将各个文件的切片传递给后台,然后后台再进行合并,下面这篇文章主要给大家介绍了关于利用Vue3+Element-plus实现大文件分片上传组件的相关资料,需要的朋友可以参考下2023-01-01
vue中electron框架自定义外部配置文件的配置与读取办法
使用Electron开发本地跨平台的本地程序时,有时需要添加一些程序的配置文件,下面这篇文章主要给大家介绍了关于vue中electron框架自定义外部配置文件的配置与读取的相关资料,需要的朋友可以参考下2023-12-12
本文直接上 Vue3 + TypeScript + Element Plus 开发的内容，感兴趣的话一起来看看吧2021-08-08
在不同的前端项目中使用相同的axios封装有利于保持一致性,有利于数据之间的传递和处理,本文主要提供两种对axios进行封装的思路,有需要的小伙伴可以参考一下2023-10-10
这篇文章主要为大家详细介绍了vue实现文字滚动效果，公告滚动播放，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要为大家介绍了Electron-store本地存储功能的用法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
这篇文章主要介绍了Vuex入门到上手教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
最新评论