el-table表格显示selection多选时对某些复选框设置禁止选中 发布时间:2025/01/14 功能介绍:列表中的数据包含已审核、未审核、已修改、已删除等状态,除了已删除状态之外其他状态都可以批量操作,现在的需求就是把已删除状态的数据禁止选中。 实现代码如下: <el-table :data="tableData" style="width: 100%" @selection-change="handleSelectionChange"> <el-table-column type="selection" :selectable="selectable" width="40"></el-table-column> ... ... </el-table> 复制代码 实现方法 // 选中事件 handleSelectionChange(val) { this.multipleSelection = console.log('选中数据:', val) }, // 设置所有状态为删除的禁止选中 selectable(row, index) { if (row.status !== '已删除') { return true } }, 复制代码 以上是编程学习网小编为您介绍的“el-table表格显示selection多选时对某些复选框设置禁止选中”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。