Element UI 表格：使用 v-for 动态添加 <el-table-column>

<template>
  <div>
    <el-table :data="tableData">
      <el-table-column
        v-for="column in columns"
        :key="column.prop"
        :prop="column.prop"
        :label="column.label"
        :sortable="column.sortable"
      ></el-table-column>
    </el-table>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: 'John', age: 20 },
        { id: 2, name: 'Jane', age: 25 },
        { id: 3, name: 'Bob', age: 30 }
      ],
      columns: [
        { prop: 'id', label: 'ID', sortable: true },
        { prop: 'name', label: 'Name', sortable: false },
        { prop: 'age', label: 'Age', sortable: true }
      ]
    }
  }
}
</script>