(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则禁止选中该行。

相关推荐
qb43 分钟前
vue3.5.18源码-编译-入口
前端·vue.js·架构
小桥风满袖1 小时前
极简三分钟ES6 - 类与继承
前端·javascript
虫无涯1 小时前
【分享】基于百度脑图,并使用Vue二次开发的用例脑图编辑器组件
前端·vue.js·编辑器
子兮曰1 小时前
🚀99% 的前端把 reduce 用成了「高级 for 循环」—— 这 20 个骚操作让你一次看懂真正的「函数式折叠」
前端·javascript·typescript
wifi歪f1 小时前
📦 qiankun微前端接入实战
前端·javascript·面试
小桥风满袖1 小时前
极简三分钟ES6 - Symbol
前端·javascript
子兮曰1 小时前
🚀Map的20个神操作,90%的开发者浪费了它的潜力!最后的致命缺陷让你少熬3天夜!
前端·javascript·ecmascript 6
NewChapter °1 小时前
如何通过 Gitee API 上传文件到指定仓库
前端·vue.js·gitee·uni-app
练习时长两年半的Java练习生(升级中)1 小时前
从0开始学习Java+AI知识点总结-30.前端web开发(JS+Vue+Ajax)
前端·javascript·vue.js·学习·web
vipbic1 小时前
关于Vue打包的遇到模板引擎解析的引号问题
前端·webpack