二维数组使用el-table展示

二维数组可以使用`el-table`组件进行展示，具体实现方式如下：

<template>
  <el-table :data="tableData">
    <el-table-column v-for="(item, index) in columnData" :key="index" :prop="'col' + index" :label="item"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      // 二维数组数据
      data: [
        [1, 2, 3],
        [4, 5, 6],
        [7, 8, 9]
      ],
      // 表格列名
      columnData: ['列一', '列二', '列三']
    };
  },
  computed: {
    // 将二维数组转为el-table需要的数据格式
    tableData() {
      let data = [];
      for(let i = 0; i < this.data.length; i++) {
        let row = {};
        for(let j = 0; j < this.data[i].length; j++) {
          row['col' + j] = this.data[i][j];
        }
        data.push(row);
      }
      return data;
    }
  }
};
</script>

在上述代码中，我们通过`el-table`组件展示二维数组数据，其中`tableData`是通过`computed`计算属性将二维数组转为`el-table`需要的数据格式，即一个包含多个对象的数组，每个对象的属性名代表一个列名，属性值代表对应列的值。在`<el-table-column>`标签中，我们使用`v-for`循环遍历`columnData`数组，动态生成表格的列，其中`:prop="'col' + index"`表示每个列的属性名为`col + index`，`:label="item"`表示每个列的名称为`item`。