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

🆗🦌

相关推荐
烬羽15 小时前
React Router v7 完全指南:一个 Demo 吃透前端路由
javascript·react.js·前端框架
烬羽16 小时前
从"整个页面刷新"到"丝滑切换":手写一个 HashRouter 彻底搞懂前端路由
javascript·前端框架·全栈
用户9385156350716 小时前
从零理解 React Router v6:每一个 API 都是怎么工作的
前端·javascript·全栈
kyriewen19 小时前
别再这样写条件渲染了——你的React组件里藏着这5种定时炸弹
前端·javascript·react.js
梦想CAD控件20 小时前
网页端CAD的图形选择、编辑与夹点操作教程
前端·javascript·node.js
月月大王的3D日记20 小时前
Three.js 入门系列(8):六种光源全解析 —— 关灯了,开光!
前端·javascript
达子66620 小时前
第26章_HarmonyOs开发图解之 设备管理
vue.js
自然 醒20 小时前
v-tooltip自定义指令封装
前端·javascript·vue.js
其美杰布-富贵-李1 天前
第 10 篇:灯光与阴影
javascript·three.js
小高0071 天前
🔥🔥🔥TypeScript 7 正式版来了:别只看 10 倍速度,这 4 个迁移坑更值得注意
前端·javascript·面试