VUE3.0+Elementplus表格el-table循环动态列渲染，每行渲染3个对象属性

在 Vue 3.0 结合 Element Plus 的表格组件 `el-table` 中，如果你想实现循环动态列渲染，当每行需要显示三个对象属性时，可以按照以下步骤操作：

1. 首先，在数据里定义一个数组，每个对象包含了你需要展示的三个属性的数据。例如：

data() {
  return {
    tableData: [
      { prop1: '值1', prop2: '值2', prop3: '值3' },
      { prop1: '值4', prop2: '值5', prop3: '值6' },
      // 更多对象...
    ],
  };
}

2. 然后，在模板中使用 `v-for` 循环遍历 `tableData`，并将每个对象的三个属性分别映射到表头和单元格：

<template>
  <el-table :data="tableData">
    <!-- 表头部分 -->
    <el-table-column v-for="(item, index) in ['prop1', 'prop2', 'prop3']" :key="index" :label="item"></el-table-column>

    <!-- 数据部分，这里使用对象的索引来获取值 -->
    <template v-for="(row, rowIndex) in tableData">
      <tr>
        <el-table-column v-for="colName in ['prop1', 'prop2', 'prop3']" :key="colName + '-' + rowIndex">
          {{ row[colName] }}
        </el-table-column>
      </tr>
    </template>
  </el-table>
</template>

这里的代码会创建三列，分别对应每个对象的三个属性，并在每行数据中显示。