ElementUI的el-table隐藏id列_element ui table 隐藏列

使用场景：

使用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>