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 @ 2020-07-08 15:25  糖醋小灰  阅读(7896)  评论(0)    收藏  举报