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

相关推荐
峥无6 分钟前
HTML 零基础入门到实战:从骨架到页面的完整指南
前端·html
南囝coding13 分钟前
《独立开发者精选工具》
前端·后端·开源
IT_陈寒17 分钟前
JavaScript 性能优化的 7 个致命陷阱:我从 P5 到 P8 的核心突破都在这里!
前端·人工智能·后端
艾小码36 分钟前
告别加班!这些数组操作技巧让前端开发效率翻倍
前端·javascript
Rhys..1 小时前
ES6是什么
前端·javascript·es6
Jammingpro3 小时前
【Vue专题】前端JS基础Part1(含模版字符串、解构赋值、变量常量与对象)
前端·javascript·vue.js
jiangzhihao05156 小时前
前端自动翻译插件webpack-auto-i18n-plugin的使用
前端·webpack·node.js
软件技术NINI9 小时前
html css网页制作成品——HTML+CSS盐津铺子网页设计(5页)附源码
前端·css·html
mapbar_front10 小时前
面试问题—我的问题问完了,你还有什么想问我的吗?
前端·面试
quweiie10 小时前
thinkphp8+layui多图上传,带删除\排序功能
前端·javascript·layui