大多数人都不太理解这篇文章《如何处理elementUI中禁用表格多选框的问题》的知识点elementui多选框标题,所以小编为大家总结了以下内容。 内容详细,步骤清晰,具有一定的参考价值。 希望您读完本文后有所收获。 我们来看看这篇文章《如何处理elementUI中禁用表格多选框的问题》。
处理 elementUI 中表格多选框的禁用
在el-table-column类型选择组件中添加:selectable='方法名'
方法函数
selectEnable(row, rowIndex) { if (this.enabelIds.some(item => item === row.id)) { return false } else { return true// 不禁用 } }
elementUI多选表禁止选择一行
首先使用element-ui的table组件
具体代码如下
TableData是绑定的表格数据elementui多选框标题,表格第一列的类型设置为selection,代表多选。
绑定到 selectable 的 selectHandle() 方法仅对 type=selection 的列有效。 类型是函数。 Function的返回值用于判断该行的CheckBox是否可以被选中。 接下来,您只需在 selectHandle() 方法中设置返回值即可。 就是这样
如下:
//在参数row中可以获得这一行的数据,index为这一行的下标, //我的需求是禁用第一行,所以在index === 0 的时候,返回false即可 selectHandle(row, index) { return !(index === 0); },