iview未显示在视图中的表单不进行验证

iview未显示在视图中的表单不进行验证

在使用表单的过程中,我们经常会碰到后面的表单内容依据前面表单项的选择不同而发生变化的情况,这种时候我们需要表单验证工具根据条件不再对未渲染的表单项进行验证。

要实现未显示在视图中的表单不被验证,应注意表单的条件渲染不能使用vue的v-show,而应该使用v-if,因为v-show只是切换display属性不再显示表单,但是表单还是被渲染并存在于DOM树中的,这时表单验证工具还是会生效的,而使用v-if,表单项在为false的条件下,不会被渲染,表单验证也就不会生效了。