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

🆗🦌

相关推荐
aiguangyuan26 分钟前
React中Context 的作用及原理
javascript·react·前端开发
小禾青青31 分钟前
我用uniapp开发app用到的uniapp插件
前端·vue.js·uni-app
小白每天学一点31 分钟前
微信小程序开发学习-8
javascript·css·微信小程序·小程序·html
艾小码1 小时前
为什么你的Vue组件总出bug?可能是少了这份测试指南
前端·vue.js·debug
辞忧*1 小时前
基于element-Plus的el-tooltip封装公共虚拟引用组件
前端·vue.js
by__csdn1 小时前
Electron入门:跨平台桌面开发指南
前端·javascript·vue.js·typescript·electron·html
星离~9 小时前
Vue响应式原理详解:从零实现一个迷你Vue
前端·javascript·vue.js
一只小阿乐10 小时前
react 中的判断显示
前端·javascript·vue.js·react.js·react