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

🆗🦌

相关推荐
用户6600676685393 分钟前
模板字符串 + map:用现代 JavaScript 高效构建动态 HTML
前端·javascript
AY呀4 分钟前
《玩转Vue3响应式:手把手实现TodoList,掌握核心指令》
前端·javascript·vue.js
哆啦A梦158814 分钟前
商城后台管理系统 07 商品列表-分页实现
前端·javascript·vue.js
爱因斯坦乐15 分钟前
【若依】前后端分离添加导入
java·前端·javascript
答案answer19 分钟前
Vue3项目集成monaco-editor实现浏览器IDE代码编辑功能
前端·vue.js
绝世唐门三哥25 分钟前
Vue 自定义指令完全指南(含 Vue2/Vue3 对比 + 完整 Demo)
前端·javascript·vue.js
Asurplus32 分钟前
【VUE】15、安装包管理工具yarn
前端·vue.js·npm·node.js·yarn
马卫斌 前端工程师37 分钟前
vue 多个请求要同时拉取数据,写一个方法
前端·javascript·vue.js
写代码的皮筏艇39 分钟前
react hooks中的useState
前端·javascript
启山智软1 小时前
【单体系统与分布式系统是两种根本不同的软件架构模式】
java·vue.js·spring boot·后端·spring