vue单独添加表单校验规则

背景：

在使用表单时，需要对必填字段添加校验规则。但有一种情况是如果是单元门，则必须选择单元的名称，如果不是单元门，则不必选择单元门。

<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>

　　

这样就可以单独为这个表单字段设计规则