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>
相关推荐
左手吻左脸。1 小时前
解决el-select因为弹出层层级问题,不展示下拉选
javascript·vue.js·elementui
左手吻左脸。1 小时前
Element UI表格中根据数值动态设置字体颜色
vue.js·ui·elementui
xcg3401239 天前
ElementUI-Table 表格实现行拖拽
elementui·table·行拖拽
rggrgerj9 天前
VUE3+element plus 实现表格行合并
javascript·vue.js·elementui
fxshy9 天前
Vue3和element plus在el-table中使用el-tree-select遇到的change事件坑
javascript·vue.js·elementui
北慕阳9 天前
自存19-48
javascript·vue.js·elementui
_Legend_King10 天前
高德地图实现经纬度及获取编码、所属行政区、GIS
javascript·vue.js·elementui
LoveEate15 天前
vue 在el-tabs动态添加添加table
javascript·vue.js·elementui
krifyFan15 天前
vue3+elementPlus el-date-picker 自定义禁用状态hook 实现结束时间不能小于开始时间
前端·vue.js·elementui
一颗努力的大土豆15 天前
关于解决switch开关属性中active-value=“1“为数值形失败的问题
javascript·vue.js·elementui