下拉选框,选中某个值后,这个值置灰 |
您所在的位置:网站首页 › select框置为灰不可选 › 下拉选框,选中某个值后,这个值置灰 |
情景:elementui表格有一个el-select选择框,要求某个值别选中后,将被置灰,禁止再次选择, 遇到的问题:不能及时将选中的值置灰,只有选择第三个时,第一个选中的才会置灰 解决方法:设置一个隐藏的实时变化的属性,或者给表格设置一个key,但是在这里我用的前一个方法 userDataKey: new Date().getTime()样式展示 代码展示 html文档 在操作列添加了一个隐藏的num 我这个表格涉及到先添加组员,再进行选择,所以我在添加组员的时候,push了一个num,因为我这边的项目需要调用以前的一个页面,是layui的,所是原生js写的 js部分 getSeatNumber(value,row) { this.SeatNumberList.map(item => { item.disabled = this.gridData.filter(x => x.seatNumber === item.seatNumber).length > 0 }) this.gridData.map(item => { item.num = Date.now() }) this.SeatNumberList.forEach(v=>{ if(v.seatNumber==value){ row.callNumber=v.callNumber row.seatState=v.seatState row.seatGroupId=v.seatGroupId } })//这一块是只有选择了下拉内容,后面的两列内容自动生成 }, |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |