停止或反转高亮显示已单击的Vuetify v-tab项目

<template>
  <v-tabs>
    <v-tab v-for="(item, index) in items" :key="index" @click="toggleHighlight(index)">
      {{ item }}
    </v-tab>
  </v-tabs>
</template>

data() {
  return {
    items: ['Tab 1', 'Tab 2', 'Tab 3'],
    highlighted: []
  };
},

methods: {
  toggleHighlight(index) {
    if (this.highlighted.includes(index)) {
      // 如果选项卡已经高亮，则取消高亮
      this.highlighted = this.highlighted.filter(item => item !== index);
    } else {
      // 如果选项卡未高亮，则添加高亮
      this.highlighted.push(index);
    }
  }
},

<template>
  <v-tabs>
    <v-tab v-for="(item, index) in items" :key="index" @click="toggleHighlight(index)" :class="{ 'highlighted': highlighted.includes(index) }">
      {{ item }}
    </v-tab>
  </v-tabs>
</template>

<style>
.highlighted {
  background-color: yellow;
}
</style>