el-form表单验证触发过当前校验之后 再切换到其他的校验 会被上一个校验阻止

记录一个奇怪的问题 在使用element中的el-form的时候 如果当前的el-form-item有校验 触发了之后 切换到另外一个item触发表单提交 刚刚触发校验的被v-if隐藏 提交表单的时候 则会被上一个item的校验阻止 代码如下：

<el-form-item
  label="数据字段:"
  v-if="ruleForm.dataType == 1"
  :required="true"
   >
      <div>
        ....
       </div>
  </el-form-item>

<el-form-item
 label="数据源:"
 prop="datasource"
 v-if="ruleForm.dataType != 2"
>
	<div>
       ....
     </div>
</el-form-item>

只要在有校验的el-form-item中添加一个key=“xx”就好了 效果如下