记录解决elementui-plus的select组件disabled任然可以选择

795 阅读1分钟

思路:设置teleported属性,不将下拉列表插入至body元素,找到下拉框将display设置为none

<div class="usePlace">
    <el-form-item label="应用场景" prop="nodeType">
        <el-select  placeholder="请选择应用场景" style="width:100%;" v-model="formData.nodeType" :disabled="usePlaceIsCheck" clearable :teleported="!usePlaceIsCheck">
            <el-option v-for="item in nodeTypeList" :key="item.id" :label="item.name" :value="item.id"/>
        </el-select>
    </el-form-item>
</div>
.usePlace{
    :deep(.el-popper){
        display: none !important;
    }
}