<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:{}