如何隐藏表格中的一列
表格的代码
<el-table :data="tableData" row-key="id" v-loading="tableLoading" @selection-change="selectionChange"
class="tabConut" height="100%">
<!-- 选择框 -->
<el-table-column :selectable="selectDisabled" type="selection" align="center" width="35">
</el-table-column>
<el-table-column v-for="(item, i) in tabCloum" :key="i" :width="item.width" align="center" :prop="item.pop"
:label="item.label" fixed="left">
<template slot-scope="scope">
<!-- 产线 -->
<div v-if="item.pop == 'proccessId'">
<el-select v-if="scope.row.editStatus" v-model="scope.row[item.pop]"
:class="{ selectError: scope.row.proccessError }" placeholder="请选择产线" size="small"
@change="(val) => rowChange('proccessId', val, scope.$index)">
<el-option v-for="item in proccessData" :key="item.uuid" :label="item.proccessName"
:value="item.uuid"></el-option>
</el-select>
<div v-else>{{ scope.row["proccessName"] }}</div>
</div>
<!-- 产品 -->
<div v-else-if="item.pop == 'productId'">
<el-select v-if="scope.row.editStatus" v-model="scope.row[item.pop]"
:class="{ selectError: scope.row.productError }" placeholder="请选择产品"
@change="(val) => rowChange('productId', val, scope.$index)" size="small">
<el-option v-for="item in productData" :key="item.uuid" :label="item.productName"
:value="item.uuid"></el-option>
</el-select>
<div v-else>{{ scope.row["productName"] }}</div>
</div>
<!-- 产品 -->
<!-- <div v-else-if="item.pop == 'uuid'" >
<div v-show="false">{{ scope.row["uuid"] }}111</div>
</div> -->
<!-- 班次 -->
<div v-else-if="item.pop == 'classesId'">
<el-select v-if="scope.row.editStatus" v-model="scope.row[item.pop]"
:class="{ selectError: scope.row.classesError }" placeholder="请选择班次"
@change="(val) => rowChange('classesId', val, scope.$index)" size="small">
<el-option v-for="item in classesList" :key="item.uuid" :label="item.classesName"
:value="item.uuid"></el-option>
</el-select>
<div v-else>{{ scope.row["classesName"] }}</div>
</div>
<!-- 状态 -->
<div v-else-if="item.pop == 'state'">
<el-tag :type="scope.row[item.pop] == 0 ? 'success' : 'info'">{{ dictsArr[scope.row[item.pop]] }}</el-tag>
</div>
<div v-else>
<div>{{ scope.row[item.pop] }}</div>
</div>
</template>
</el-table-column>
<el-table-column label="" align="center">
<el-table-column v-for="(item, i) in dateCloum" align="center" :key="i" :width="100" :prop="item.pop"
:label="item.label">
<template slot="header" slot-scope="scope">
<div class="head-b">
<div class="labelborder">{{ scope.column.label }}</div>
<div>{{ dateCloum[scope.$index].dateWeek }}</div>
</div>
</template>
<template slot-scope="scope">
<el-input size="small" class="tab-input" type="number" v-if="scope.row.editStatus"
v-model="scope.row[item.pop]" oninput="value=value.replace(/[^\d]/g)"></el-input>
<div v-else>{{ scope.row[item.pop] }}</div>
</template>
</el-table-column>
</el-table-column>
</el-table>
export default {
data() {
return {
tabCloum: [
{ label: "生产单号", pop: "uuid", width: 120 },
{ label: "产线", pop: "proccessId", width: 120 },
{ label: "产品", pop: "productId", width: 120 },
{ label: "节拍 ", pop: "beat", width: 80 },
{ label: "产量/h", pop: "outPut", width: 100 },
{ label: "排产状态", pop: "state", width: 80 },
{ label: "班次", pop: "classesId", width: 100 },
],
tableData：[],
}
}
}
tableData的数据是接口返回来的，其中tabCloum的数据是写死的 我想隐藏其中的生产单号，应该怎么做，但是不能从tabCloum里边把它删除
