(vue)el-table-column type=“selection“表格选框怎么根据条件添加禁选

(vue)el-table-column type="selection"表格选框怎么根据条件添加禁选



html

c 复制代码
<el-table
  :data="tableData"
  style="width: 100%">
  <el-table-column
    type="selection"
    width="55"
    :selectable="checkSelectable">
  </el-table-column>
  <!-- 其他列 -->
</el-table>

js

c 复制代码
 methods: {
    checkSelectable(row, index) {
      // 这里可以根据row的内容来决定是否可以选择这一行
      // 返回true或false
      // 例如,下面的代码禁止选择状态为'California'的行
      return row.state !== 'California';
    }
  }

在checkSelectable方法中,你可以根据行的数据来决定该行是否可以被选中。返回true则可以选中,返回false则禁止选中该行。

相关推荐
Spark2381 分钟前
关于vue3整合tiptap的slash菜单的ts支持
vue.js
Mintopia5 分钟前
Node.js高级实战:自定义流与Pipeline的高效数据处理 ——从字母生成器到文件管道的深度解析
前端·javascript·node.js
北凉温华7 分钟前
强大的 Vue 标签输入组件:基于 Element Plus 的 ElTagInput 详解
前端
加兵柠檬水11 分钟前
代码输出题,会这些就够了。
前端
Json201131511 分钟前
Gin、Echo 和 Beego三个 Go 语言 Web 框架的核心区别及各自的优缺点分析,结合其设计目标、功能特性与适用场景
前端·golang·gin·beego
樊小肆12 分钟前
实战!从 0 到 1 搭建 H5 AI 对话页面
前端·vue.js
JiangJiang13 分钟前
揭秘Vue3源码之computed:懒计算与缓存机制全解析
前端·vue.js·面试
前端Hardy15 分钟前
HTML&CSS:超丝滑的动态导航菜单
javascript·css·html
阿里云云原生15 分钟前
仅3步!即刻拥有 QwQ-32B,性能比肩全球最强开源模型
前端·云原生
前端Hardy22 分钟前
HTML&CSS:你绝对没见过的input输入框,确定不看看吗
javascript·css·html