elementPlus表格数据接口渲染

要使用 Element Plus 表格组件渲染数据，需要先定义表格的列数据，然后将数据传入表格组件即可。以下是一个示例：

<template>
  <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>
</template>

<script>
export default {
  data() {
    return {
      tableData: []
    };
  },
  mounted() {
    // 模拟异步请求数据
    setTimeout(() => {
      this.tableData = [
        { name: '张三', age: 20, gender: '男' },
        { name: '李四', age: 22, gender: '女' },
        { name: '王五', age: 25, gender: '男' }
      ];
    }, 1000);
  }
};
</script>

在这个示例中，我们定义了一个 `tableData` 数组，用于存放表格数据。在 `mounted` 钩子函数中，模拟异步请求数据，并将数据赋值给 `tableData` 数组。在模板中，我们使用 `el-table` 组件渲染表格数据，使用 `el-table-column` 定义表格列。

其中，`prop` 属性指定数据中对应的属性名，`label` 属性指定列的标题。在这个示例中，我们展示了每个人的姓名、年龄和性别。