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>
相关推荐
阳光雨滴17 小时前
树级结构部门选择和人员选择联动功能处理
javascript·vue.js·elementui
一个写bug的人17 小时前
elementui中表格的表头固定 侧边列表固定 滚动条在头部 且使用鼠标滚轮横向时 可同步给顶部滚动条
前端·javascript·elementui
optimistic_chen3 天前
【Vue3入门】Pinia 状态管理 和 ElementPlus组件库
前端·javascript·vue.js·elementui·pinia·组件
何中应8 天前
<el-tree>标签问题
前端·vue.js·elementui
天天向上10248 天前
vue2 el-table使用css的方式实现列表自动滚动
css·vue.js·elementui
蜡台8 天前
element-ui 2 el-tree 内容超长滚动条不显示问题
前端·vue.js·elementui·el-tree·v-deep
何中应9 天前
<el-tag>标签使用
前端·vue.js·elementui
533_11 天前
[element-ui] el-tree 获取指定节点的父节点
前端·vue.js·elementui
℘团子এ11 天前
vue3中,el-table表格固定列后出现表格线段折断的问题
javascript·vue.js·elementui
狂龙骄子12 天前
如何修改ElementUI表单与表格标签label样式
elementui·vue·ruoyi·el-form-item·el-table-column·表单项label·列表头label