问题: 遇到了一个需求,在使用 elementui 的 table 组件时,需要将表格某些项之前的复选框给禁用掉。
解决方式: 如下图:
el-table-column 标签有 selectable 属性,这个属性的类型是一个函数,这个函数的返回值就决定了这个该复选框能否被选择,这个函数有两个参数,一个就是当前行的数据,一个就是当前行的顺序。
html 代码如下:
<el-table-column type="selection" align="center" :selectable="canSelect" />
js代码如下:
canSelect(row,index){
// row 是当前行的数据,index是当前行是第几个数据
// 这里写判断条件
return true // return true就代表可选,return false就不可选,为禁用状态
}
效果如下:
第一项为可选,第二项为不可选