el-table-column 循环渲染控制显隐

`el-table-column` 是 Element UI 中用于定义表格列的组件，它支持在渲染表格时对列进行显隐控制。在循环渲染时，你可能需要根据某些条件来控制特定列的显示或隐藏。这通常可以通过数据属性绑定来实现。

在 Vue 中，可以使用 `v-if` 或 `v-show` 指令来根据表达式的真假来控制元素的渲染或显示。在 `el-table-column` 中，可以通过属性绑定来传递一个表达式，根据该表达式的计算结果决定是否渲染该列。

例如，假设你有一个表格数据列表，每行数据中包含一个 `visible` 属性，你可以根据这个属性来决定对应的列是否显示：

<template>
  <el-table :data="tableData">
    <el-table-column prop="date" label="日期" />
    <el-table-column prop="name" label="姓名" />
    <el-table-column v-if="item.visible" prop="address" label="地址" />
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄',
        visible: true // 控制地址列是否显示
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1517 弄',
        visible: false // 控制地址列是否显示
      }]
    }
  }
}
</script>

在这个例子中，`address` 列是否显示取决于数据项中的 `visible` 属性。如果 `visible` 为 `true`，则 `address` 列将显示；如果为 `false`，则不会渲染该列。