el-table用v-if控制表头的显示与隐藏

在 Element UI 中，可以使用 `v-if` 指令来控制 `el-table` 组件表头的显示与隐藏。具体步骤如下：

1. 在 `el-table` 组件中使用 `v-if` 指令控制表头的显示与隐藏，例如：

<el-table :data="tableData" v-if="showTable">
  <!-- 表头部分 -->
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
  <!-- 表内容部分 -->
  <el-table-column prop="date" label="日期"></el-table-column>
  <el-table-column prop="status" label="状态"></el-table-column>
</el-table>

2. 在 `data` 中定义 `showTable` 数据，用于控制 `el-table` 组件的显示与隐藏。例如：

data() {
  return {
    tableData: [...],
    showTable: true
  }
}

3. 在需要的时候修改 `showTable` 数据的值即可控制 `el-table` 组件的显示与隐藏。例如：

// 隐藏表格
this.showTable = false;

// 显示表格
this.showTable = true;

注意，当 `el-table` 组件的数据源为空时，表头会自动隐藏，此时无需使用 `v-if` 指令控制表头的显示与隐藏。