根据某个字段禁用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
}

🆗🦌

相关推荐
huangdong_5 小时前
淘宝商品SKU图自动分类技术深度解析:从DOM解析到智能归档
开发语言·javascript·ecmascript
xiaofeichaichai8 小时前
ES 新特性九年速览:从 ES2016 到 ES2024
前端·javascript·es6
放下华子我只抽RuiKe59 小时前
FastAPI 全栈后端(四):认证与授权
开发语言·前端·javascript·python·深度学习·react.js·fastapi
如果超人不会飞10 小时前
WebMCP:当浏览器学会和 AI「说人话」,你的网页就成了智能体的游乐场
javascript
_codeOH10 小时前
Vue 3 vs React 19:框架还在卷,核心原理就这些
前端·vue.js
整点可乐10 小时前
cesium实现全景图加载
javascript·cesium
dualven_in_csdn10 小时前
一键起飞调用示例
android·java·javascript
英勇无比的消炎药11 小时前
新手必看玩转TinyRobot一定要避开这些坑
前端·vue.js
meilindehuzi_a11 小时前
通俗易懂掌握树与二叉树:定义、核心概念与JS实现遍历
javascript·ecmascript
胡志辉11 小时前
深入浅出理解浏览器事件循环:从一道输出题讲到 Chrome 源码
前端·javascript·面试