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>
相关推荐
苹果电脑的鑫鑫12 小时前
el-select下拉菜单如何可以手输入内容
前端·vue.js·elementui
quan263118 小时前
20251204,vue列表实现自定义筛选和列
前端·vue.js·elementui
好奇的候选人面向对象20 小时前
实现一个左右树形结构一对一关联的组件。这个方案使用两个el-tree组件,并实现它们之间的互相关联选择。
javascript·vue.js·elementui
梦6503 天前
VUE树形表格组件如何自定义展开箭头以及箭头位置
javascript·vue.js·elementui
我叫张小白。3 天前
Vue3 v-model:组件通信的语法糖
开发语言·前端·javascript·vue.js·elementui·前端框架·vue
阿奇__3 天前
element二次封装组件套餐 搜索组件 表格组件 弹窗组件
javascript·vue.js·elementui
J总裁的小芒果4 天前
el-table 假数据合并
javascript·vue.js·elementui
黄团团4 天前
Vue2整合Electron开发桌面级应用以及打包发布(提供Gitee源码)
前端·javascript·vue.js·elementui·electron
小杨快跑~6 天前
Vue 3 + Element Plus 表单校验
前端·javascript·vue.js·elementui
周不凢11 天前
elementui el-date-picker分页选择弹出框样式及分页样式
elementui