根据某个字段禁用el-table里的checkbox

可以通过自定义列来实现

设置 :selectable="isSelectable"

html 复制代码
<template>
  <el-table :data="tableData" @selection-change="handleSelectionChange">
    <el-table-column type="selection" width="55" :selectable="isSelectable">
    </el-table-column>
    <el-table-column prop="name" label="Name" width="180">
    </el-table-column>
    <el-table-column prop="ip" label="IP" width="180">
    </el-table-column>
    <el-table-column prop="hostname" label="Hostname">
    </el-table-column>
  </el-table>
</template>

script

javascript 复制代码
isSelectable(row, index) {
  // 根据 row.state 判断是否可选
  return row.state == 1
}

🆗🦌

相关推荐
用户114896694410520 小时前
VUE3响应式原理——从零解析
vue.js
用户830407130570121 小时前
SPA 首屏加载速度慢怎么解决?
vue.js·webpack
一枚前端小姐姐21 小时前
低代码平台表单设计系统技术分析(实战三)
前端·vue.js·低代码
SuperEugene21 小时前
从 Vue2 到 Vue3:语法差异与迁移时最容易懵的点
前端·vue.js·面试
Leon1 天前
新手引导 intro.js 的使用
前端·javascript·vue.js
Forever7_1 天前
仅用一个技巧,让 JavaScript 性能提速 500%!
前端·vue.js
牛奶1 天前
JS随笔:浏览器 API(DOM 与 BOM)
前端·javascript·面试
牛奶1 天前
JS随笔:异步编程与事件循环
前端·javascript·面试
牛奶1 天前
JS随笔:数据结构与集合
前端·javascript·面试
小陆猿1 天前
股票实时行情Echarts动态图表
前端·javascript