提交的东西不能更改
vue+element2.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确实就⽣效了,但确实还是存在疑惑。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。