1,如果点击的导航栏为item,则使用.nav-active的样式(自定义改变颜色)
<div>
<div :class="nav_id===item.id?'nav-active':''"
v-for="(item,index) in List" :key="index"
@click="getNavId(item.id)">
<a>{{item.label}}</a>
</div>
</div>
2,选中的方法
methods: {
getNavId(id){
this.nav_id = id
}
}
3,设置点击选中的样式
.nav-active{
background: #F0F2F5;
border-radius: 10px;
}