在路径加入获取到变化的index;
<router-link v-for="(item,index) in list"
:key="item.value" :to="{path:item.path,query:{item:index}}"
:class="{'router-link-exact-active':ind == index}" //根据判断ind与index是否相等,改变tab栏的字体样式
@click.native="changeBgc(index)" class="topbar-item"
>
{{item.label}}
</router-link>
export default {
data () {
return {
// tab栏列表
list: [
{path:'/main',label:'处理中心'},
{path:'/sys',label:'消息中心'},
],
ind: '0', // 用ind作为选择标识
}
},
methods: {
// 点击tab栏,修改ind的值
changeBgc(index){
this.ind = index;
},
},
mounted(){
if(this.$route.query.item){
this.ind = this.$route.query.item;
}else{
this.ind = 0;
}
}