问题

2023年02月18日

柏拉文

越努力，越幸运

一、如何动态控制是否必填?

---

场景描述: C 输入框需要根据A、B输入框的值来决定是否必填

解决方式: 根据dialogInfo.opType的值，改变Form-Item的rules

<el-form-item
    label="区县："
    prop="countyId"
    :rules="
    [12, 7, 11].includes(dialogInfo.opType)
        ? [
            {
            type: 'number',
            required: true,
            message: '请选择区县',
            trigger: 'change'
            }
        ]
        : []
    "
    :label-width="dialogStyle.formLabelWidth"
>
    <el-select
    v-model="dialogInfo.countyId"
    clearable
    filterable
    :disabled="methodsName === 'editCityExtConfig'"
    :style="{ width: dialogStyle.formInputWidth }"
    >
    <el-option
        v-for="item in countyOptions"
        :key="item.countyId"
        :label="item.countyDesc"
        :value="item.countyId"
    >
    </el-option>
    </el-select>
</el-form-item>