zoukankan      html  css  js  c++  java
  • 使用v-if后,element表单验证失效

    <el-form-item label="选择批次:" prop="batchInfos" v-if="quesForm.selectMethod === 1" key="batchInfos">
                      <el-select v-model="quesForm.batchInfos" value-key='id' placeholder="请选择批次" multiple filterable remote reserve-keyword :remote-method="getBatchLibrary" :loading="sloading">
                          <el-option v-for="item in batchArr" :key="item.id" :label="item.batchName" :value="item"></el-option>
                      </el-select>
                      <div class="stag" v-if="quesForm.batchInfos.length">
                          <el-tag v-for="item in quesForm.batchInfos" :key="item.batchName" closable @close="handleClose(quesForm.batchInfos,item)">
                            {{item.batchName}}
                          </el-tag>
                      </div>
                  </el-form-item>

    
    

    给 v-if所在项加上key值,v-if切换后,表单验证就不会失效了

    给 v-if所在项加上key值,v-if切换后,表单验证就不会失效了

    给 v-if所在项加上key值,v-if切换后,表单验证就不会失效了

    给 v-if所在项加上key值,v-if切换后,表单验证就不会失效了

    给 v-if所在项加上key值,v-if切换后,表单验证就不会失效了

    结合自身的项目需求,当也可用v-show代替v-if。

    结合自身的项目需求,当也可用v-show代替v-if。

    结合自身的项目需求,当也可用v-show代替v-if。

    结合自身的项目需求,当也可用v-show代替v-if。

    结合自身的项目需求,当也可用v-show代替v-if。

    结合自身的项目需求,当也可用v-show代替v-if。

  • 相关阅读:
    .Net 控制台动态刷新使用
    VS 将!=转换成 ≠
    C# 自定义Html分页
    .NET MVC ModelBinder基本使用
    C# 重启电脑 程序自启动
    ASP.NET JsonResult返回日期格式及首字母大写解决
    java快速排序代码实现
    系统高可靠的设计需要考虑哪些方面
    sentinel源码学习--transport模块
    TiDB学习笔记分享--存储篇
  • 原文地址:https://www.cnblogs.com/cxxb/p/14171963.html
Copyright © 2011-2022 走看看