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实现简单转盘抽奖功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要为大家介绍了Vue生命周期中的八个钩子函数，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
这篇文章主要介绍了如何理解Vue前后端数据交互与显示，对Vue感兴趣的同学，可以参考下2021-05-05
这篇文章主要为大家详细介绍了vue全屏事件的开发过程，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要为大家详细介绍了element ui表格实现下拉筛选功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
这篇文章主要介绍了Vue移动端右滑屏幕返回上一页，本文结合实例给大家介绍的非常详细，并附有源码下载,需要的朋友可以参考下2019-06-06
这篇文章主要为大家介绍了Vue3 构建 Web Components使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了vue动态绑定class选中当前列表变色的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
这篇文章主要介绍了vue单页面如何解决多个视频同时仅能播放一个问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
elmentUI组件中el-date-picker限制时间范围精确到小时的方法
现在需要做一个时间选择器,可以根据小时(同时选天和小时)和天 和月,节假日等类型控制日历的选择样式,下面这篇文章主要给大家介绍了关于elmentUI组件中el-date-picker限制时间范围精确到小时的相关资料,需要的朋友可以参考下2023-04-04
最新评论