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

🆗🦌

相关推荐
han_几秒前
JavaScript设计模式(八):命令模式实现与应用
前端·javascript·设计模式
踩着两条虫8 分钟前
揭秘VTJ.PRO前端架构:一套代码,多端运行的低代码引擎
前端·vue.js·低代码
Highcharts.js15 分钟前
React中频繁使用setState更新图表会影响性能
前端·javascript·react.js
计算机学姐16 分钟前
基于SpringBoot的特色美食分享系统
java·vue.js·spring boot·后端·spring·tomcat·mybatis
zzginfo17 分钟前
JavaScript 假值示例详解
开发语言·前端·javascript·ecmascript
计算机学姐20 分钟前
基于SpringBoot的在线课程学习网站
java·vue.js·spring boot·后端·学习·spring·intellij-idea
早點睡39021 分钟前
ReactNative项目OpenHarmony三方库集成实战:react-native-snackbar
javascript·react native·react.js
终端鹿29 分钟前
Vue3 + axios 前后端联调实战:封装、跨域与报错处理
前端·vue.js·axios
研來如此1 小时前
C++ 接口设计 && Doxygen 注释
前端·javascript·c++
野槐2 小时前
Electron开发
前端·javascript·electron