v-if后element 表单 正则不验证

v-if后element 表单 正则不验证

v-if后element 表单 正则不验证这个可以在它后面 加上 key=‘正则名’
这样
在用 element中 的 form 表单校验的时候，要进行一些条件判断设置显示隐藏的，所以用了 v-if 控制显示；但是用完后发现 v-if 控制的表单元素总是无法被校验。

解决方法：
给设置 v-if 的元素加上key值，如下所示：

      <el-form-item label="开户银行" prop="bankCode" v-if="this.payee.payMode=='4' " key="bankCode">
          <el-select
            filterable
            v-model="payee.bankCode"
            placeholder="请选择"
            @change="changeCode"
          >
            <el-option
              v-for="(item, index) in bankLineArray"
              :key="index"
              :label="item.dictName"
              :value="item.dictCode"
            >
            </el-option>
          </el-select>
        </el-form-item>

这样就可以了 key 和 v-for 要加key一个道理