vue中el-tab-panes如何知道当前tab

的索引值？

在Vue中，可以使用v-model指令和当前tab的索引值来实现这个功能。例如，你可以在el-tabs组件上使用v-model指令将当前选中的tab索引值绑定到一个变量上，然后将这个变量作为prop传递给el-tab-panes组件。在el-tab-panes组件中，你可以使用这个prop来判断当前展示哪个pane，如下所示：

<template>
  <div>
    <el-tabs v-model="activeTabIndex">
      <el-tab-pane label="Tab 1">Content of Tab Pane 1</el-tab-pane>
      <el-tab-pane label="Tab 2">Content of Tab Pane 2</el-tab-pane>
      <el-tab-pane label="Tab 3">Content of Tab Pane 3</el-tab-pane>
    </el-tabs>
    <el-tab-panes :active-tab-index="activeTabIndex">
      <el-tab-pane>Content of Tab Pane 1</el-tab-pane>
      <el-tab-pane>Content of Tab Pane 2</el-tab-pane>
      <el-tab-pane>Content of Tab Pane 3</el-tab-pane>
    </el-tab-panes>
  </div>
</template>

<script>
import ElTabPanes from 'el-tab-panes.vue'

export default {
  components: {
    ElTabPanes
  },
  data() {
    return {
      activeTabIndex: 0 // 默认选中第一个tab
    }
  }
}
</script>

在这个例子中，el-tabs和el-tab-panes组件是配套使用的，分别使用v-model和prop来维护当前选中的tab索引值，从而完成tab切换展示不同的pane。