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”(一般key和prop写一样的内容即可，因为rules里面的东西不能重复定义，所以肯定是唯一的。而且这样看起来会更优美)