复合数据怎么显示在同一个iview的table表格中

在iView框架中，如果你想在一个表格（iview Table）中显示复合数据，通常是指包含嵌套的对象或数组的数据结构。为了有效地呈现这种复杂数据，你需要将它们拆分为更小、独立的展示单元，并设置对应的列（columns）。下面是一个基本的例子：

假设你有一个对象，它包含姓名（name）、年龄（age）和地址（address，又是一个嵌套对象），你可以这样做：

[
  {
    "name": "张三",
    "age": 30,
    "address": {
      "street": "街道1",
      "city": "城市A"
    }
  },
  {
    "name": "李四",
    "age": 25,
    "address": {
      "street": "街道2",
      "city": "城市B"
    }
  }
]

在Vue组件中，首先处理数据：

export default {
  data() {
    return {
      items: [] // 这里放复合数据
    };
  },
  // ...其他生命周期钩子和方法
}

然后，在表头（columns）中定义每一级数据的列：

<template>
  <iv-table :data="items">
    <iv-column field="name" title="姓名"></iv-column> <!-- 展示姓名列 -->
    <iv-column field="age" title="年龄"></iv-column>     <!-- 展示年龄列 -->
    <iv-column prop="address.street" title="地址街道"></iv-column> <!-- 展示地址街道列 -->
    <iv-column prop="address.city" title="地址城市"></iv-column> <!-- 展示地址城市列 -->
  </iv-table>
</template>

对于嵌套的`address`对象，我们通过`prop`属性指定，这样iview会自动处理展开和折叠功能。