vue怎么使用两个eltable根据下标奇偶数显示

您可以使用 Vue.js 中的计算属性（computed）来实现这样的需求。将数据源分为两个数组，一个数组存放下标为偶数的数据，另一个数组存放下标为奇数的数据。然后，在模板中使用 `v-if` 条件渲染来显示对应的数据。

下面是一个示例代码：

<template>
  <div>
    <el-table :data="evenData" v-if="evenData.length > 0">
      <!-- 偶数表格 -->
    </el-table>
    <el-table :data="oddData" v-if="oddData.length > 0">
      <!-- 奇数表格 -->
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 22 },
        { name: '王五', age: 25 },
        { name: '赵六', age: 26 },
        { name: '钱七', age: 28 }
      ]
    }
  },
  computed: {
    evenData() {
      // 过滤出下标为偶数的数据
      return this.tableData.filter((item, index) => index % 2 === 0)
    },
    oddData() {
      // 过滤出下标为奇数的数据
      return this.tableData.filter((item, index) => index % 2 === 1)
    }
  }
}
</script>

在上面的代码中，我们使用了 `computed` 属性来定义了两个计算属性 `evenData` 和 `oddData`，这两个计算属性分别返回了下标为偶数和下标为奇数的数据。然后，在模板中使用 `v-if` 条件渲染来显示对应的数据。

需要注意的是，这里的 `tableData` 是一个数组，它包含了所有的数据。您需要根据自己的实际需求来修改数据源。