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>
相关推荐
BangD11 小时前
前端elementUI el-form个别字段增加校验
前端·vue.js·elementui
一个打工仔的笔记3 天前
vue3 elementui plus 可编辑表格 完整例子
前端·vue.js·elementui
1314lay_10074 天前
el-table表格数据分页切片,导致表格的多选失效
javascript·vue.js·elementui
1314lay_10074 天前
Vue+C#根据配置文件实现动态构建查询条件和动态表格
javascript·vue.js·elementui·c#
1314lay_10074 天前
axios的Post方法和Delete方法的参数个数和位置不同,导致415错误
前端·javascript·vue.js·elementui
A_nanda5 天前
Vue2 表单提交异常详细排查方案
javascript·vue.js·elementui
千码君20169 天前
kotlin:jetpack compose 生成动态可控的动画
vue.js·elementui·kotlin
牧杉-惊蛰9 天前
修改表格选中时的背景色与鼠标滑过时的背景色
前端·javascript·css·vue.js·elementui·html
没有故事、有酒10 天前
Vue2中el-table修改表头高度和行高
javascript·vue.js·elementui
蒙面价肥猫11 天前
el-popconfirm 弹窗不显示问题总结
vue.js·elementui