elementUI中form表单验证错乱

同一套表单，在起草时就是OK的，在编辑中验证就错乱了，项目中是因为 template 有 v-if 判断，去掉之后，验证就正常了，然鹅……我在自己的小练笔中模拟了 n 种情况后，还是没能复现这个bug，心累。

 

然后想了想，突然想扒一扒源码，在element-ui.common.js中找到了validate方法，打断点在里面，顺流而下执行了一下，发现到this.fields这里，就出现了莫名其妙的情况了，里面要不就是把不需要验证的component放在了里面，要不没有需要验证的component……这下就头疼了，揪着fields查下去，不知道在什么里面拿到的值。费劲是真的费劲啊，而且这个bug也比较急……揪了一个上午之后，决定暂时先放弃揪源码这种方法了，费时费力。

最后还是求助网友，有个办法管用了，就是给 el-form-item 加上对应的唯一 key，加一个是不管用滴，给每一个有prop的需要验证的item都加上了key，终于可以了！

贴上网友 忆小样 的参考答案：https://www.cnblogs.com/yixiaoyang-/p/13398684.html