使用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。