问题描述:
使用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”