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

🆗🦌

相关推荐
Lao乾妈官方认证唯一女友:D19 小时前
通过plasmo的wallet扩展添加新钱包
javascript·web3·区块链
ALKAOUA19 小时前
力扣面试150题刷题分享
javascript·笔记
迪巴拉152520 小时前
基于Vue与Spring Boot+Open Cv的智慧校园考勤系统
前端·vue.js·spring boot
swipe20 小时前
JavaScript 对象与属性描述符:从原理到实战
前端·javascript·面试
&活在当下&20 小时前
Vue3 h函数用法详解
前端·javascript·vue.js
小贵子的博客20 小时前
(vue3错误处理)has naming conflicts with other components, ignored.
前端·javascript·vue.js
西西学代码20 小时前
Flutter---路由与导航
服务器·前端·javascript
跟着珅聪学java1 天前
electron 安装教程
javascript·arcgis·electron