为了禁用el-table中的复选框,你可以通过设置selectable属性为false来实现。以下是一些步骤和代码示例,帮助你实现这一目标: 识别el-table中的复选框组件: 在el-table中,复选框通常是通过<el-table-column>组件来定义的,并且需要设置type="selection"。 查找控制复选框可选状态的属性或方法: el-table的<...
js代码 //判断是否禁用.checkStatus(row, index){if(this.arr.some(el=>{returnel===row.id})){returnfalse; }else{returntrue; } },复制 但是嘞 我的数据是一个id数组 于是我改成了这样: selectable(row,index) {this.arr(el=>{if(el==row.id){returnfalse; }else{returntrue; } }) }复制 然...
element ui中的el-table根据条件实现部分禁用 el-table提供了checkbox多选的功能 但是有的时候,我们可能根据业务的诉求,对预列表中的数据部分不可选择,这个时候需要在Table-column 上添加 type="selectable“ 这个属性 具体用法如下: <el-table-column:selectable="selectable"type="selection"align="center"label="序号...
el-table 内添加 一个el-table-column标签 类型设置为selection显示勾选框 type="selection" 添加属性:selectable 并添加自定义函数selectable来进行根据条件禁用行的勾选 <el-table-column type="selection" :selectable="selectable">el-table-column> selectable(row,index) { return !row.userId;//判断选中的行...
:selectable='selectEnable' width="55"> </el-table-column> <el-table-column prop="name" label="姓名" width="120"> </el-table-column> </el-table> 禁用多选框函数: //把 status 为 1 的项禁用selectEnable(row,rowIndex){console.log(row);if(row.status!==1){returntrue}},...
1、默认禁用效果 禁用用selectable控制 <el-table-column type="selection"width="55":reserve-selection="true":selectable="selectEnable"/> table的list数据需要有个字段标识是否禁用 例如canChoose selectEnable(row,rowIndex){// 复选框可选情况if(!row.canChoose){// 禁用returnfalse;}else{returntrue;}},...
开发中表格数据的多选框,要根据状态禁用的,可以通过修改selectable属性,设置是否禁用。 ... <el-table-column type="selection" :selectable="changeSelectable" width="55" disabled /> ... methods: { changeSelectable(row, index) { // return false:禁用 true: 可选 return...
一、处理body中的复选框禁用 1.1 概述 在官方文档 Table-column 中有一回调函数 selectable 用于返回值用来决定这一行的 CheckBox 是否可以勾选,它仅对 type=selection 的列有效。函数有两个参数 Function(row, index): row 当前行相关信息参数 index 当前行索引值 ...
[Component] [table] el-table树形全选或者勾选子级的父级时,已经给子级设置了selectable禁止当前行勾选,还是可以勾选禁用的子级 #24216 Sign in to view logs Summary Jobs mark-duplicate Run details Usage Workflow file Triggered via issue August 8, 2024 06:22 ...
但是有的时候,我们可能根据业务的诉求,对预列表中的数据部分不可选择,这个时候需要在Table-column 上添加 type="selectable“ 这个属性