vue 如何拿到页签的下标 不绑定点击事件

如果你不想绑定点击事件，可以使用 Vue 的计算属性来获取页签的下标。

假设你有一个页签组件 `Tab`，其中包含多个页签，你可以使用计算属性来获取当前选中的页签下标。

例如：

<template>
  <div>
    <div v-for="(tab, index) in tabs" 
         :key="index" 
         :class="{ active: currentTab === index }">
      {{ tab.title }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tabs: [
        { title: 'Tab 1' },
        { title: 'Tab 2' },
        { title: 'Tab 3' }
      ],
      currentTab: 0
    }
  },
  computed: {
    currentTabIndex() {
      return this.currentTab
    }
  }
}
</script>

在这个例子中，我们使用 `v-for` 渲染多个页签，并使用 `class` 绑定样式，来实现选中页签的样式变化。我们使用了一个 `currentTab` 变量来记录当前选中的页签下标，然后在计算属性 `currentTabIndex` 中返回这个下标即可。

当你需要使用当前页签下标时，只需要在 Vue 实例中引用 `currentTabIndex` 计算属性即可。