在通过v-if来控制表单的动态显示时，会出现表单验证无效的情况，实际上是因为vue的diff算法，在diff算法中会尽可能的复用组件，所以切换了表单后，diff算法会复用组件，并没有重新渲染，所以需要配合key属性
解决方案有：
1. 在 v-if 的元素上添加 key 标识，将动态组件区分开
2. 用 v-show 代替 v-if，此方法可能会导致其他问题，需结合实际情况
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
vue+elementui动态表单
Vue+elementUI开发中 Cannot read property 'resetFields' of undefined 问题解决以及原因分析
vue+Elementui表单验证基本使用
vue+elementUI 表单项赋值后无法修改的问题
解决vue+elementui项目打包后样式变化问题
Mybatis排序无效问题解决
ActiveMQ 持久订阅者，执行结果与初衷相违背，验证离线订阅者无效，问题解决
vue+elementui--$message提示框被dialog遮罩层挡住问题解决
关于Vue-elementUI中，给input手动赋值之后无法修改的问题解决
layui的form.val无法动态渲染赋值表单问题解决方法