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 小时前
Vue + element plus 二次封装表格
前端·javascript·vue.js·elementui·typescript
dy17173 天前
el-table表头上下显示内容
javascript·vue.js·elementui
一只小阿乐6 天前
vue3 使用v-model开发弹窗组件
javascript·vue.js·elementui
humors2216 天前
前端开发案例(不定期更新)
前端·vue.js·elementui·ruoyi·若依
阿奇__7 天前
el-table有固定列时样式bug
vue.js·elementui·bug
是大林的林吖9 天前
解决 elementui el-cascader组件懒加载时存在选中状态丢失的问题?
前端·javascript·elementui
鹏仔工作室9 天前
elemetui中el-date-picker限制开始结束日期只能选择当月
前端·vue.js·elementui
竹秋…9 天前
el-table 滚动条小箭头点不了且部分滚动条无法拖动的问题
javascript·vue.js·elementui
一室易安10 天前
模仿elementUI 中Carousel 走马灯卡片模式 type=“card“ 的自定义轮播组件 图片之间有宽度
前端·javascript·elementui
蒲公英源码12 天前
uniapp开源ERP多仓库管理系统
mysql·elementui·uni-app·php