又双叒踩到坑了。在写一个表单时,因为区分多个类型,切换不同的类型,表单项要进行显隐。
那就一股脑用v-if根据类型去显隐,这时候发现在切换类型之后,有的表单项规则校验不生效了, 就纳闷了。
然后猜测是不是因为用了v-if,dom重新渲染导致表单的prop规则校验不重新触发。去掉v-if后,果然可以了。
解决方法:
- v-if换成v-show
- el-form-item添加唯一key
因为我需要切换类型时,对应所需的表单项,所以第一种方式不符合我需求,采用第二种。
又双叒踩到坑了。在写一个表单时,因为区分多个类型,切换不同的类型,表单项要进行显隐。
那就一股脑用v-if根据类型去显隐,这时候发现在切换类型之后,有的表单项规则校验不生效了, 就纳闷了。
然后猜测是不是因为用了v-if,dom重新渲染导致表单的prop规则校验不重新触发。去掉v-if后,果然可以了。
解决方法:
因为我需要切换类型时,对应所需的表单项,所以第一种方式不符合我需求,采用第二种。