el-table 动态生成

el-table是Element UI框架中的一个表格组件，可以用于展示和编辑数据。动态生成el-table可以通过以下步骤实现：

1. 定义表格的数据源：可以是一个数组或者从后端获取的数据。
2. 使用v-for指令遍历数据源，在el-table组件中动态生成表格的行。
3. 在每一行中使用v-for指令遍历数据项，动态生成表格的列。
4. 使用v-bind指令绑定数据项到表格的每个单元格，实现数据的展示和编辑功能。

下面是一个示例代码，演示如何动态生成el-table：

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

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 20 },
        { name: 'Alice', age: 25 },
        { name: 'Bob', age: 30 }
      ],
      tableColumns: [
        { label: 'Name', prop: 'name' },
        { label: 'Age', prop: 'age' }
      ]
    };
  }
};
</script>

在上述示例中，tableData是表格的数据源，tableColumns是表格的列定义。通过v-for指令遍历tableColumns数组，动态生成el-table-column组件，并使用v-bind指令绑定数据项到表格的每个单元格。