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>
相关推荐
qq_401967386 小时前
element-plus table组件 封装列隐藏功能,并非 v-if 或 v-for,通过tableRef 与样式控制
javascript·vue.js·elementui
web小白成长日记6 小时前
Vue3+ElementUI树形菜单:构建层次化用户界面
前端·microsoft·ui·面试·elementui
FFF_634560231 天前
自定义下拉框组件
javascript·vue.js·elementui
前端小讴1 天前
ElementUI:表格如何展示超出单元格的内容且不影响单元格?
前端·javascript·elementui·vue
HWL56791 天前
Element Plus 菜单组件区别和用法详解
javascript·vue.js·elementui
全能打工人2 天前
ruoyi项目导出PDF
java·elementui·pdf
钰衡大师3 天前
电商后台管理系统:动态路由刷新空白问题分析与解决方案
vue.js·elementui·前端框架
帅帅在睡觉4 天前
组件的创建与挂载
javascript·vue.js·elementui
肖老师xy8 天前
Ai生成时间排期进度
javascript·vue.js·elementui
Komorebi゛8 天前
【Vue3+Element Plus】el-dialog弹窗点击遮罩层无法关闭弹窗问题记录
前端·vue.js·elementui