如何把普通tab切换改成vant滑动切换

Question

<van-row style="text-align:center;height:0.88rem;line-height:0.88rem;margin-bottom:0.01rem;" ><van-col style="background-color:#1b2229;width:20%;white-space:nowrap;"  v-for="(counter, index) in counters " @click.native="handleTabClick(index)"  :key="index " ><span :class="currentIndex===index?'click_class':'common_class'"><img :src="optionalClick" v-if="counter==='OPTIONAL' && currentIndex===index" class="option_class" /><img :src="optionalNormal" v-if="counter==='OPTIONAL' && currentIndex!==index" class="option_class" />{{getHead(counter)}}</span></van-col></van-row>tab部分的代码如上，van-row和van-col替换成van-tabs和van-tab？