功能介绍:列表中的数据包含已审核、未审核、已修改、已删除等状态,除了已删除状态之外其他状态都可以批量操作,现在的需求就是把已删除状态的数据禁止选中。
实现代码如下:
<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利用:row-style="rowClass"设置指定行变色
el-table表格实现多选功能(全选/指定选中/取消选中)
el-dialog中获取el-table组件的ref值报undefined错误!
标签: el-table, selection, 复选框设置禁止选中
上面是“el-table表格显示selection多选时对某些复选框设置禁止选中”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4084.html
workflows工作流
- 斗鸡场威武雄鸡ComfyUI工作流
- 丛林里坐着一尊佛像
- 一个穿着发光红色长袍的人
- 一个黄色的海绵宝宝ComfyUI工作流
- 小鸟在黑暗的天空中优雅地跳舞
- 小孩手握锤子顽皮搞笑卡通3d形象
- 一个白色的咖啡杯,蒸汽从杯子里冒出来
- 一艘来自工业时代的飞船ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!