前端激活选项卡

<template>
<div class="box"> 
<div class="slider">
		<ul class="tabs clearfix"> 
				<li v-for="(item,index) in tabsName" :key="index"> 
						<a href="#" class="tab-link" @click="tabsSwitch(index)" :class="{active: currentIndex === index}">{{item.name}}</a> 
				</li> 
		</ul> 
</div>
<img class="open-img" @click="ToClassification" src="../../assets/open.png" alt="">
<div class="cards"  v-for="(item,index) in tabsName" :key="index"> 
		<div class="tab-card" v-show="currentIndex === index">{{item.description}}</div> 
</div> 
</div> 		
</template>

tabsSwitch: function(tabIndex) {
      this.currentIndex = tabIndex
    },