点击选中的导航栏改变颜色

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;
}