vue3+elementUI表格嵌入select组件,select组件选项之间互斥

1.第一步:通过计算属性获得对应数据列的参数list,这些list即已经选中的option选项。

const optionList = computed(()=>{
    return tableData.map((item)=>item.param)
})
//tableData是表格绑定的data
//param是下拉框绑定的属性名

2.第二步:在<el-option>标签中根据计算属性得到的list添加disabled。

<el-select v-model="scope.row.param">
    <el-option 
        v-for="item in options" 
        :disabled="optionList.indexOf(item.value) > -1"
        :key="item.value"
        :label="item.label"
        :value="item.value"
    >
    </el-option>
<el-select>

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值