返回数据key是表头value是内容怎么在el-table中显示

在Element UI的表格`<el-table>`中展示返回的数据，其中包含表头（key）和内容（value），你需要按照以下步骤设置：

1. 首先，确保你有一个数组结构的数据源，每个元素都是一份行数据，它通常是一个对象，其键对应表头，值对应单元格内容。

// 示例数据
const data = [
  { name: 'Key1', value: 'Content1' },
  { name: 'Key2', value: 'Content2' },
  // 更多行...
];

2. 在`<el-table>`组件中，使用`data`属性绑定这个数组，并配置列定义，通过`prop`属性映射表头到对应的值字段。

<el-table :data="data">
  <el-table-column
    prop="name"          // 映射表头为'name'
    label="表头1"        // 显示在列标题
    align="center"      // 标准对齐方式
  ></el-table-column>
  <el-table-column
    prop="value"         // 映射表头为'value'
    label="表头2"        // 展示在列标题
  ></el-table-column>
</el-table>

3. 如果需要动态加载表头，可以使用`formatter`函数来渲染。例如，如果你的数据源中没有预设的表头，你可以通过遍历对象的keys来生成。

<el-table-column
  v-for="(header, index) in Object.keys(item)"           // 遍历对象的所有键
  :prop="header"
  :label="header"                                       // 表头即为当前循环的键
  :formatter="displayContent(index, header, item[index])"  // 自定义格式化函数
></el-table-column>

并提供相应的`formatter`函数：

methods: {
  displayContent(index, header, content) {
    return content;
  }
}