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>
相关推荐
Jay丶萧邦1 天前
el-select:有关多选,options选项值不包含绑定值的回显问题
javascript·vue.js·elementui
我爱学习_zwj1 天前
后台管理系统-月卡管理
javascript·vue.js·elementui
是你的小熊啊2 天前
解决elementUi el-select 响应式不生效的问题
前端·vue.js·elementui
一个小开心呀2 天前
点击表格的最后一行的下拉框,会出现横向滚动条
前端·vue.js·elementui
Smile_Gently3 天前
前端:最简单封装nmp插件(组件)过程。
前端·javascript·vue.js·elementui·vue
BillKu3 天前
vue3中<el-table-column>状态的显示
javascript·vue.js·elementui
DCTANT3 天前
【原创】vue-element-admin-plus完成编辑页面中嵌套列表功能
前端·javascript·vue.js·elementui·typescript
CiL#4 天前
el-table已经选中的项,通过selectable属性不可以再次选择
javascript·vue.js·elementui
ew452184 天前
ElementUI表格表头自定义添加checkbox,点击选中样式不生效
前端·javascript·elementui