ElementUI的el-table怎样隐藏某⼀列场景
使⽤el-table进⾏数据的展⽰时,某些列不需要展⽰,但是需要其存在。
⽐如查询数据时要获取对象的ID属性,在展⽰时不需要展⽰ID这⼀列,
但是在进⾏编辑时需要获取该ID。
注:
实现
可以通过在el-table-column上添加
v-if="false"
来实现
完整⽰例代码
<el-table v-loading="loading" :data="bczglList" @selection-change="handleSelectionChange">
<el-table-column label="id" align="center" prop="id" v-if="false" />
<el-table-column label="班次组编号" align="center" prop="bczbh" />
<el-table-column label="操作" align="center"class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="w)"
v-hasPermi="['kqgl:bczgl:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"springcloud怎么读音
icon="el-icon-delete"
@click="w)"
v-hasPermi="['kqgl:bczgl:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论