在elmentui的组件el-table-column内循环数组中的对象

在 Element UI 的 el-table 组件中，我们可以使用 el-table-column 来定义表格的列，而要循环数组中的对象，可以使用 v-for 指令来遍历数组并渲染表格列。

假设我们有一个包含多个对象的数组 data，每个对象都包含 name、age 和 gender 属性，我们可以通过如下的方式在 el-table-column 中循环渲染每个对象的属性：

<template>
  <el-table :data="data">
    <el-table-column label="姓名" prop="name"></el-table-column>
    <el-table-column label="年龄" prop="age"></el-table-column>
    <el-table-column label="性别" prop="gender"></el-table-column>
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button @click="handleEdit(scope.row)">编辑</el-button>
        <el-button @click="handleDelete(scope.row)">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

在第四个 el-table-column 中，我们使用了 slot-scope 来获取当前行数据的对象，并将其传递给 handleEdit 和 handleDelete 方法中。

注意，在使用 v-for 渲染表格列时，我们需要在 el-table-column 上设置 prop 属性来指定要渲染的数据属性。