使用场景:
使用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-columnprop="id"label="ID"v-if="false"></el-table-column><el-table-columnlabel="序号"width="50"align="center"><template slot-scope="scopes">{{(currentPage-1)*pageSize+scopes.$index+1}}</template></el-table-column><el-table-columnprop="orderCode"label="单号"></el-table-column><el-table-columnprop="orderStatus"label="单据状态 0待审核1通过2驳回3已执行"></el-table-column><el-table-columnprop="refOrderId"label="关联单id"></el-table-column><el-table-columnprop="refOrderCode"label="关联单单号"></el-table-column><el-table-columnprop="backTime"label="归还时间":formatter="carTimeFilter"></el-table-column><el-table-columnprop="createUser"label="创建人"></el-table-column><el-table-columnprop="createTime"label="创建时间":formatter="carTimeFilter"></el-table-column><el-table-columnprop="updateUser"label="修改人"></el-table-column><el-table-columnprop="updateTime"label="修改时间":formatter="carTimeFilter"></el-table-column><el-table-columnprop="auditUser"label="审核人"></el-table-column><el-table-columnprop="auditTime"label="审核时间":formatter="carTimeFilter"></el-table-column><el-table-columnprop="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>