循环显示标签的代码:
<view
v-for="(item,index) in tabBars" :key="item.id"
class="nav-item"
:class="{current: index === tabCurrentIndex}"
:id="'tab'+index"
@click="changeTab(index)"
>{{item.name}}</view>
选中标签页的样式:
.current{
color: #007aff;
}
切换标签页方法:
changeTab(e){
let index = e;
this.tabCurrentIndex = index;
}