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>

　　

這樣就可以單獨為這個表單字段設計規則