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

🆗🦌

相关推荐
神仙别闹3 分钟前
基于NodeJS+Vue+MySQL实现一个在线编程笔试平台
前端·vue.js·mysql
雨雨雨雨雨别下啦3 小时前
Vue案例——面经
前端·javascript·vue.js
myNameGL4 小时前
ArkTs核心语法
前端·javascript·vue.js
浏览器API调用工程师_Taylor5 小时前
web逆向之小红书无水印图片提取工具
前端·javascript·逆向
yuki_uix5 小时前
性能指标与优化:从 Core Web Vitals 到实战
前端·javascript
简单不容易5 小时前
vue一次解决监听H5软键盘弹出和收起的兼容问题
javascript·vue.js
滕青山5 小时前
在线图片压缩工具核心JS实现
前端·javascript·vue.js
进击的尘埃5 小时前
低代码组件通信:`EventBus`和响应式数据流,到底该选哪个
javascript
代码煮茶5 小时前
Pinia 状态管理实战 | 从 0 到 1 搭建 Vue3 项目状态层(附模块化 / 持久化)
前端·vue.js
angerdream5 小时前
https://editor.csdn.net/md/?articleId=159120195
javascript·vue.js