element-plus 根据条件显示多选框

代码如下:

html 复制代码
<el-table :data="pager.lists" @selection-change="handleSelectionChange" row-key="id" :tree-props="{ checkStrictly: true }" :cell-class-name="cellClass">
<el-table-column type="selection" width="55" :selectable="selectable" />
</el-table>

<script lang="ts" setup name="examLists">
const selectable = (row: any) => row.pid === 0
const cellClass = (row: any) => {
    return row.row.pid === 0 ? '' : 'myCell'
}
</script>

<style>
.myCell .el-checkbox__input {
    display: none !important;
}
</style>
相关推荐
依托偶尔宁2 天前
element-plus:el-table设置展开图标所在列的位置
前端·elementui
吠品3 天前
PyTorch 踩坑:libtorch_cpu.so 找不到 iJIT_NotifyEvent 符号
前端·vue.js·elementui
zhangyao94033012 天前
开发pc端时,表格的高度怎么设置才能铺满页面
前端·javascript·elementui
mengqudoh13 天前
elementui el-table 表头固定功能
javascript·vue.js·elementui
陪小甜甜赏月14 天前
ElementPlus 多个并列 Table 独立全选/取消全选 (适配嵌套表格业务)
前端·vue.js·elementui
大可-16 天前
CSDN博客-星火知识库教程
前端·javascript·vue.js·elementui·html
Liu.77420 天前
Vue3结合Element Plus封装点击查看大图的自定义指令
javascript·vue.js·elementui
跟着珅聪学java20 天前
Element UI 的 Tabs 标签页开发教程
javascript·vue.js·elementui
不是山谷.:.21 天前
Axios的【接口防抖 + 请求失败重试 + 弱网提示】三合一高阶版封装
前端·javascript·vue.js·笔记·elementui·typescript
镜宇秋霖丶1 个月前
2026.5.12@霖宇博客制作中遇见的问题
前端·vue.js·elementui