el-table-column 循环list 排除空数组

`el-table-column` 是 Element UI 中用于表格列定义的一个组件，在 Vue.js 中，如果你有一个列表，并想根据这个列表动态生成表格的列，可能会遇到需要处理空数组的情况。当你遍历一个 list 并尝试将非空数组作为 column 的数据源时，如果某个元素是空数组，你需要做判断并跳过它。

例如，你可以这样做：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column v-for="(item, index) in columnsToRender" :key="index" :prop="item.prop" :label="item.label">
      <!-- 使用 `v-if` 条件来排除空数组 -->
      <template v-if="item.data !== []">
        {{ item.data }}
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      columnsToRender: [
        { prop: 'name', label: 'Name', data: this.namesList }, // 假设 namesList 是你的列表
        { prop: 'age', label: 'Age', data: this.ageList },
        ... // 其他列
      ],
      tableData: [], // 初始化表格的数据
      namesList: ['Alice', '', 'Bob'], // 包含一些空数组
      ageList: [25, 30],
      ... // 其他数据
    };
  }
};
</script>

在这个例子中，`v-if` 指令会检查每个数据项 `item.data` 是否为空数组。如果是空数组，则不会渲染对应的表头和单元格内容。