element 下拉框 el-select 自定义控制某项禁止选择

最新推荐文章于 2024-09-16 15:38:15 发布

置顶

小四是个处女座

最新推荐文章于 2024-09-16 15:38:15 发布

阅读量1.1w

点赞数 1

分类专栏： element 前端 vue 文章标签： vue elementui vue.js

本文链接：https://blog.csdn.net/xiaosi1413/article/details/109204359

版权

在Vue项目中，使用ElementUI的el-select组件时，需要实现自定义控制某些选项不可选。例如，当驾驶员选择了张三时，押运员的下拉框中张三选项应被禁用。此功能通过获取驾驶员的选择并对比押运员的选项来动态设置禁用属性。

摘要由CSDN通过智能技术生成

vue element 下拉框 el-select 自定义控制某项 el-option 禁止选择
驾驶员，押运员不能同时选择同一个人
例如：驾驶员选择张三押运员禁止选张三
如果押运员选张三驾驶员禁止选
在这里插入图片描述

HTML
押运员

 <el-select
            v-model="escortName"
            filterable
            placeholder="请选择押运员"
            :disabled="escortState"
            @change="escortNamefn()"
          >
            <el-option
              v-for="item in escortData"
              :key="item.id"
              :label="item.escortName"
              :value="item.id + ',' + item.escortName"
              :disabled="item.roleState"
            >
            </el-option>
          </el-select>

驾驶员