如何将嵌套的json显示在elementui的表格中

要将嵌套的 JSON 数据显示在 ElementUI 的表格中，你可以使用 ElementUI 表格组件的嵌套表格功能。下面是一些步骤：

1. 首先，确保你已经安装并正确引入了 ElementUI 组件库。

2. 定义表格的列属性，包括嵌套的列属性。你可以使用 `scopedSlots` 属性来渲染嵌套的内容。例如：

columns: [
  { prop: 'name', label: '姓名' },
  { prop: 'age', label: '年龄' },
  {
    label: '联系方式',
    scopedSlots: { customRender: 'contact' }
  }
]

3. 在你的表格数据中，将嵌套的 JSON 数据放在一个对象中，并在该对象上定义一个 `contact` 属性，用于渲染联系方式列。例如：

data: [
  {
    name: '张三',
    age: 25,
    contact: {
      email: 'zhangsan@example.com',
      phone: '1234567890'
    }
  },
  // 其他数据...
]

4. 在表格组件中，使用 `slot-scope` 来定义 `contact` 列的渲染模板。例如：

<template>
  <el-table :data="data" border>
    <el-table-column v-for="column in columns" :key="column.prop" :label="column.label" :prop="column.prop">
      <template v-if="column.prop === 'contact'" slot-scope="scope">
        {{ scope.row.contact.email }} <br>
        {{ scope.row.contact.phone }}
      </template>
    </el-table-column>
  </el-table>
</template>

5. 这样就可以在表格中显示嵌套的 JSON 数据了。联系方式列将会显示每个行数据中的 email 和 phone 属性。

这是一个简单的示例，你可以根据你的实际需求进行调整和扩展。希望能帮到你！