vue+element 2.4版本下,rules失效,或动态修改rules无法生效的情况

环境

vue+element 2.4.6

问题

由于刚开始写vue,在表单验证上经常遇到一些问题,目前主要会出现以下两个问题:

1、rules规则明明设定了tigger:'blur',但是却需要提交时才会校验,正常情况下应该页面加载后就会进行一次校验。

2、rules规则根据某些条件动态修改了,但是部分初始化的条件会正常校验(失焦的情况),但后续新增的条件会需要手动validate才行。

解决

虽然是研究了一下解决方法,但是也仍然无法确定原因到底是什么。

上述问题在本项目中,校验的参数都是类似与(bank.name,bank.address)这个,当bank这个字段存在的情况下,页面加载时给bank赋值,若el-form-item中绑定的参数,在bank中不存在的情况下(underfined),会导致该字段页面第一次加载后的校验失效,并且失焦校验不可用,即便后面有方法给这个字段赋值也不行。

我是在一开始给bank赋值时就加上了对应的字段,这样rules确实就生效了,但确实还是存在疑惑。

posted @   糖醋小灰  阅读(7639)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
点击右上角即可分享
微信分享提示