vue开发中，让数组在iview的table中成列纵向展示

在 Vue 开发中，要在 iView 的 `ivu-table` 中使数组数据按列纵向展示，你需要调整表格的数据结构和表头配置。默认情况下，`ivu-table` 按照列名的顺序横向显示数据。如果你想要垂直展示数据，可以尝试以下方法：

1. 修改数据结构：将二维数组转换为一维数组，每个对象的属性代表一行数据的各列。例如：

   const data = [
     { key: 1, column1Value: '值1', column2Value: '值2', ... }, // 对象中包含所有列的信息
     { key: 2, column1Value: '值3', column2Value: '值4', ... },
     // ...
   ];

2. 设置列配置：将列定义为 `formatter` 函数，这个函数用于在渲染时动态处理单元格的内容。对于垂直展示，你可以遍历对象的属性并将其作为新的行插入到表格中：

   columns: [
     {
       field: 'key',
       title: '列标题1',
       formatter(item) {
         let html = '';
         for (const prop in item) {
           if (prop !== 'key') { // 忽略 'key' 属性
             html += `<div>${item[prop]}</div>`;
           }
         }
         return html;
       }
     },
     // 添加其他列...
   ]

3. 渲染数据时，使用 `v-for` 循环遍历你的新数组，给每个单元格绑定对应的值。

请注意，这种做法可能会导致数据渲染和维护变得复杂，特别是当数据量大时。iView 提供的 `ivu-treegrid` 可能更适合这种场景，它天生支持树状结构的垂直展示。不过，如果没有特定的业务需求，常规的表格布局通常更容易理解和管理。