VUE+elementUI把rules加到標簽屬性里面,可以根據某個狀態來切換規則


 <el-form-item label="是否選則債務人單位" prop="sfjtgn">
          <el-switch v-model="form.sfjtgn" active-text="是" inactive-text="否" @change="updateZwrZt" />
        </el-form-item>
        <el-form-item
          label="債務人單位"
          prop="zwrZtId"
          :rules="{required:true,message:'請選擇債務人單位',trigger:'change'}"
          v-if="form.sfjtgn"
        >
          <el-select
            v-model="form.zwrZtId"
            placeholder="請選擇"
            @change="selectZwrZt(form.zwrZtId)"
            :disabled="form.sfjtgn ?false:true"
          >
            <el-input v-model="ztName" v-on:input="selectZtByZtName" />
            <el-option
              v-for="it in zwrZtIds"
              :key="it.id"
              :label="`${it.name}(${it.code})`"
              :value="it.id"
              v-show="it.id!=form.ztId"
            />
          </el-select>
        </el-form-item>

需要根據某個狀態切換規則,如下

:rules="form.sfjtgn?{required:true,message:'請選擇債務人賬套',trigger:'change'}:{required:false}"

或者

:rules="{required:form.sfjtgn,message:'請選擇債務人賬套',trigger:'change'}"

注意:需要在data的return里面定義rules:{}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM