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>
相关推荐
夏之小星星3 小时前
解决el-select选择框右侧下拉箭头遮挡文字问题
前端·vue.js·elementui
xiaogg36783 小时前
网站首页菜单两种布局vue+elementui顶部和左侧栏导航
前端·vue.js·elementui
Luffe船长7 小时前
elementUI点击浏览table所选行数据查看文档
javascript·elementui·vue
入行IT两年半7 小时前
element-plus 单选组件 el-radio,选不上,又没报错,直接复制官网也不行解决方案
前端·vue.js·elementui
IT瘾君20 小时前
JavaWeb:前端工程化-ElementPlus
前端·elementui·node.js·vue
William Dawson1 天前
【从前端到后端导入excel文件实现批量导入-笔记模仿芋道源码的《系统管理-用户管理-导入-批量导入》】
java·前端·笔记·elementui·typescript·excel
保持学习ing1 天前
帝可得- 人员管理
前端·vue.js·elementui
一嘴一个橘子1 天前
el-table 树形数据,子行数据可以异步加载
javascript·elementui
保持学习ing2 天前
帝可得 - 设备管理
javascript·vue.js·elementui
wangbing11252 天前
开发指南120-表格(el-table)斑马纹
javascript·vue.js·elementui