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>
相关推荐
不甘平凡的小鸟4 天前
Element-UI记录
javascript·vue.js·ui·elementui
chushiyunen1 个月前
vue el-pagination实现分页
javascript·vue.js·elementui
一坨阿亮1 个月前
使用e-tree开发树形穿梭框
javascript·vue.js·elementui
北极星日淘1 个月前
可买免税店货物与安耐晒——特殊商品代购技术方案
javascript·vue.js·elementui
chushiyunen1 个月前
vue插件element ui,element plus,ElMessage消息框,ref,动态绑定语法
vue.js·ui·elementui
流浪码农~1 个月前
Element Plus DatePicker 动态设置每周起始日
前端·vue.js·elementui
依托偶尔宁1 个月前
element-plus:el-table设置展开图标所在列的位置
前端·elementui
吠品1 个月前
PyTorch 踩坑:libtorch_cpu.so 找不到 iJIT_NotifyEvent 符号
前端·vue.js·elementui
zhangyao9403302 个月前
开发pc端时,表格的高度怎么设置才能铺满页面
前端·javascript·elementui
mengqudoh2 个月前
elementui el-table 表头固定功能
javascript·vue.js·elementui