在Element UI的Table组件中,如果你想要某些行的多选框不可用,可以使用selectable属性。这个属性接受一个方法,该方法会对每一行的数据进行判断,返回false则该行的多选框会被禁用。 以下是一个简单的示例代码: <template> <el-table :data="tableData"style="width: 100%"@selection-change="handleSelectionChange" >...
//禁用多选checkboxT(row) {if(row.bomDetailParentId ==0) {returntrue;//禁用}else{returnfalse;//不禁用} }, <el-table-column type="selection"width="55":selectable="checkboxT"align="center"fixed/>
elementUI多选表格禁用某一行不被选择 首先使用element-ui 的表格组件 具体代码如下 <el-table:data="tableData"> <el-table-columntype="selection":selectable="selectHandle"label="多选"align="center"> </el-table-column> </el-table> AI代码助手复制代码 其中tableData为绑定的表格数据,将表格第一列的ty...
</el-table> 禁用多选框函数: //把 status 为 1 的项禁用selectEnable(row,rowIndex){console.log(row);if(row.status!==1){returntrue}},
简单,易上手 一、在复选框 加一个事件 :selectable='selectInit' <el-table-column align="center" type="selection" :selectable='selectInit' width="55"/> 二、在事件中判断 selectInit(row,index){if(row.status==2){returnfalse//不可勾选}else{returntrue//可勾选}} ...
<el-table-column type="selection" :selectable='selectEnable'> </el-table-column> </el-table> </template> 判断是否禁用方法函数 selectEnable(row, rowIndex) { if ('此处是判断条件') { return false //禁用 } else { return true// 不禁用 ...
<el-table:data="tableData"><el-table-column type="selection":selectable="selectHandle"label="多选"align="center"/></el-table> selectHandle(row,rowIndex){// 通过true和false控制是否禁用,true: 不禁用,false:禁用if(this.enabelIds.some(item=>item===row.id)){returnfalse}else{returntrue}} ...
element 省市区多选联动 由于产品的需求,我们在使用element-ui 的table时,可能会用到带复选框的table,但是,这个复选框在我们使用分页切换下一页时,上一页选中没有提交的选项是没有保存的,因为每一页的数据都是直接从接口获取的,基于这种情况,为了记住我们每一页的选项,我这里分享一种方法,于是便写下了这篇文章...
最近在做项目的时候遇到一个问题,使用的是table组件中的多选,需求要求的是,列表数据除了状态为待审核的可选之外,其他状态前的复选框不可选择。看了下文档结合一些朋友的建议,总结可以使用如下的方法来解决。 通过添加相应类来控制样式,设置 display: none ,达到隐藏 checkbox 的目的。