elementui表格数据循环

使用 ElementUI 表格时，可以通过 `v-for` 指令循环渲染数据。具体步骤如下：

1. 在 `<el-table>` 标签中设置表格的列信息，例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="gender" label="性别"></el-table-column>
</el-table>

2. 在 `<el-table>` 标签中使用 `v-for` 循环渲染数据，例如：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="gender" label="性别"></el-table-column>
  <template v-for="(item, index) in tableData" :key="index">
    <el-table-column :label="item.name">
      {{ item.age }} 岁，{{ item.gender }}
    </el-table-column>
  </template>
</el-table>

这里使用了 `<template>` 标签来循环渲染表格的内容，`v-for` 循环的是 `tableData` 数组中的每个元素，可以通过 `item` 访问每个元素的属性值。在这个例子中，我们通过 `item.name` 设置了表格的表头，并且在表格的内容中使用了 `item.age` 和 `item.gender` 展示每个元素的年龄和性别。

注意，在循环渲染表格数据时，需要为每个 `<el-table-column>` 标签设置一个唯一的 `key` 值，用于 Vue.js 中的 diff 算法。