背景:
在使用表单时,需要对必填字段添加校验规则。但有一种情况是如果是单元门,则必须选择单元的名称,如果不是单元门,则不必选择单元门。
<el-form-item label="单元" label-width="120px" prop="unitId" v-if="detailData.unitFlag=='1'" :rules="{required: true, message: '请选择单元'}"> <el-select v-model="detailData.unitId" filterable placeholder="请选择单元"> <el-option v-for="item in unitList" :key="item.unitId" :label="item.unitFullName" :value="item.unitId" /> </el-select> </el-form-item>
这样就可以单独为这个表单字段设计规则