vue的tab标签切换
<ul class="tabs">
<li class="li-tab" v-for="(item,index) in tab.tabsParam" @click="toggleTabs(index)"
:class="{active:index!=tab.nowIndex}">{{item}}</li>
</ul>
<div class="divTab" v-show="tab.nowIndex===0" ></div>
<div class="divTab" v-show="tab.nowIndex===0" ></div>
data:{
tab: { //切换
tabsParam: ['盘中直播', '课堂互动'], //tab列表
nowIndex: 0, //默认第一个tab为激活状态
},
},
methods: {
toggleTabs: function (index) {
this.tab.nowIndex = index;
},