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>
相关推荐
小白探索世界欧耶!~2 天前
Vue2项目引入sortablejs实现表格行拖曳排序
前端·javascript·vue.js·经验分享·elementui·html·echarts
css趣多多3 天前
vue2项目改造为vue3遇到的问题以及解决办法
前端·vue.js·elementui
EstherNi4 天前
仿照elementui写图片放大的案例,但多加了下载按钮,vue3
javascript·vue.js·elementui
糕冷小美n7 天前
elementuivue2表格不覆盖整个表格添加固定属性
前端·javascript·elementui
沐墨染7 天前
黑词分析与可疑对话挖掘组件的设计与实现
前端·elementui·数据挖掘·数据分析·vue·visual studio code
泓博8 天前
Android中仿照View selector自定义Compose Button
android·vue.js·elementui
1314lay_10078 天前
Vue3 + Element Plus项目和C# .Net 7.0 Core后端API项目发布部署到服务器
服务器·前端·javascript·vue.js·elementui·c#·.net
pan3035074799 天前
Vue3+element plus设计多租户组织机构
javascript·vue.js·elementui
见路不走!10 天前
vue3中使用el-cascader三级联动(动态获取数据)
javascript·vue.js·elementui
Polaris_YJH14 天前
使用Vue3+Vite+Pinia+elementUI搭建初级企业级项目
前端·javascript·elementui·vue