环境
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确实就生效了,但确实还是存在疑惑。