el-table-column type=“selection” 根据本行姓名字段是否等于小明,隐藏多选框
时间: 2023-05-18 21:03:43 浏览: 108
table 选择隐藏列
5星 · 资源好评率100%
您可以使用 el-table-column 的 slot-scope 属性来自定义列的渲染方式。在模板中,您可以使用 v-if 条件语句来判断当前行的姓名字段是否等于小明,如果是,则不渲染多选框,否则渲染多选框。以下是一个示例代码:
<el-table-column type="selection" :hide-header="true" :width="55">
<template slot-scope="scope">
<template v-if="scope.row.name !== '小明'">
<el-checkbox v-model="scope.row.checked"></el-checkbox>
</template>
</template>
</el-table-column>
在这个示例中,我们使用了 el-checkbox 组件来渲染多选框,使用 v-model 指令来绑定当前行的选中状态。如果当前行的姓名字段等于小明,则不渲染 el-checkbox 组件。
阅读全文