vue element el-table-column 循环示例代码

如果你想循环生成多个el-table-column，可以使用v-for指令。以下是一个示例：

<template>
  <el-table :data="tableData">
    <el-table-column v-for="column in columns" :key="column.prop" :label="column.label" :prop="column.prop"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 30, city: 'New York' },
        { name: 'Jane', age: 25, city: 'London' },
        { name: 'Tom', age: 35, city: 'Tokyo' }
      ],
      columns: [
        { label: '姓名', prop: 'name' },
        { label: '年龄', prop: 'age' },
        { label: '城市', prop: 'city' }
      ]
    };
  }
};
</script>

在这个示例中，我们在el-table-column上使用v-for指令，将columns数组循环遍历，生成多个el-table-column。每个el-table-column都绑定了相应的label和prop属性。tableData是一个包含数据的数组，el-table将使用这些数据来显示表格内容。

注意：这里的示例使用了Element UI中的el-table和el-table-column组件，如果你没有安装Element UI，需要先安装并引入Element UI。