Vue + Element 中的 el-from-item 进行表单验证时使用v-if 出现的问题

问题描述:

使用Vue + Element 中的 el-from-item 使用v-if控制dom显示隐藏表单验证出现的问题。
当el-select 的值发生改变的时候，el-form-item 要进行验证的时候，会保留之前的验证的状态的奇怪的效果

原因：

根据vue和element的源码了解，大概是v-if在操作dom的时候，在根节点进行的删减，而element在封装的时候没考虑这块，导致rules判断的时候，无法取到v-if添加进来的prop值

解决的方式

在 el-form-item 中添加一个属性key，key的值只要是独一无二即可 比如： ：key=“item.id”

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容