使用场景:
使用el-table进行数据的展示时,查询数据时要获取对象的ID属性,在展示时不需要展示ID这一列,但是在进行编辑时需要获取该ID。
实现方法:
可以通过在el-table-column上添加
v-if="false"
完整示例代码:
<el-table :data="tableData" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column
prop="id"
label="ID"
v-if="false"
></el-table-column>
<el-table-column
label="序号"
width="50"
align="center">
<template slot-scope="scopes">
{{(currentPage-1)*pageSize+scopes.$index+1}}
</template>
</el-table-column>
<el-table-column
prop="orderCode"
label="单号"
></el-table-column>
<el-table-column
prop="orderStatus"
label="单据状态 0待审核1通过2驳回3已执行"
></el-table-column>
<el-table-column
prop="refOrderId"
label="关联单id"
></el-table-column>
<el-table-column
prop="refOrderCode"
label="关联单单号"
></el-table-column>
<el-table-column
prop="backTime"
label="归还时间"
:formatter="carTimeFilter"
></el-table-column>
<el-table-column
prop="createUser"
label="创建人"
></el-table-column>
<el-table-column
prop="createTime"
label="创建时间"
:formatter="carTimeFilter"
></el-table-column>
<el-table-column
prop="updateUser"
label="修改人"
></el-table-column>
<el-table-column
prop="updateTime"
label="修改时间"
:formatter="carTimeFilter"
></el-table-column>
<el-table-column
prop="auditUser"
label="审核人"
></el-table-column>
<el-table-column
prop="auditTime"
label="审核时间"
:formatter="carTimeFilter"
></el-table-column>
<el-table-column
prop="auditDescription"
label="审核描述"
></el-table-column>
<el-table-column fixed="right" label="操作" >
<template slot-scope="scope">
<el-button type="text" @click="editorHandleClick(scope.row)" v-auth="['/backStorage/saveOrUpdate']" size="small">编辑</el-button>
<el-button @click="deleteHandleClick(scope.row)" type="text" v-auth="['/backStorage/delete']" size="small">删除</el-button>
</template>
</el-table-column>
</el-table>