vue中使用el-form表当校验失效，表单校验不起作用

今天开发中遇到这样一个问题，给签约功能表单增加表单校验，给每个表单输入项增加必填校验，结果只有最后一个手机号有必填校验，其他都失效了，没有起作用。

开始我以为校验项是否哪里写错了，我一一对比，发现并没有哪里有问题，就是不生效，奇怪了。

后面百度资料，看博客，在一位博客那找到了问题所在以及解决方法：

我这个vue文件中存在多个表单，通过v-if判断，来依据步骤显示不同的表单，其中一个表单也有表单校验。那个表单校验是没问题的，看文章是因为表单渲染问题，表单没有从新渲染所导致的。

解决方法就是给每个表单增加一个不同的key，增加后问题确实解决了。