vue2开发中，如何让数组在iview的table表格中成列显示

在Vue 2中使用iView Table组件展示数组数据，你需要按照以下步骤操作：

1. 安装依赖：首先确保你已经安装了Vue及iView库。如果没有，可以使用npm或yarn进行安装：

   npm install vue iview

2. 在Vue实例中设置data：定义一个包含你想显示的数据的数组，每个元素对应一列。例如：

   data() {
     return {
       tableData: [
         { name: '张三', age: 20, address: '北京' },
         { name: '李四', age: 25, address: '上海' },
         // 更多数据...
       ]
     }
   }

3. 使用Table组件：在模板部分，将`tableData`作为数据源绑定到Table组件上，并配置列名（column）：

   <template>
     <div>
       <Table :data="tableData" border>
         <TableColumn field="name" title="姓名" />
         <TableColumn field="age" title="年龄" />
         <TableColumn field="address" title="地址" />
       </Table>
     </div>
   </template>

4. 如果有动态列或者需要进一步处理数据，可以在`computed`属性或`methods`中计算列内容，然后引用计算结果。

完整示例：

<template>
  <div>
    <Table :data="tableDataComputed" border>
      <TableColumn v-for="(col, index) in cols" :field="col.field" :title="col.title" :key="index" />
    </Table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: '张三', age: 20, address: '北京' },
        { id: 2, name: '李四', age: 25, address: '上海' },
      ],
      cols: ['id', 'name', 'age', 'address']
    };
  },
  computed: {
    tableDataComputed() {
      return this.tableData.map(item => ({
        ...item,
        // 可能会对原始数据做额外处理
        name: item.name.toUpperCase()
      }));
    }
  }
};
</script>