vue中点击导航栏部分，页面切换

写页面的时候都会用到一些导航栏、点击不同的部分切换不同的页面、并且点击的时候更换颜色

代码自己简单的写一下：(vue)

  
　　

　　　　
for="(item, i) in navData" :class="{ nav_li : active === i }" :key="i" @click="$router.push({ path: item.path }), active = i">
　　　　　　{{item.name}}
　　　　
   
 

js部分代码：

css样式：

 ul {
        width: 1200px;
        height: 88px;
        line-height: 88px;
        margin: 0 auto;
        background: #3b2d50;
        color: #fff;
        font-size: 18px;
        display: flex;
         justify-content: space-between;
       
        li {
                text-align: center;
            }
            .nav_li {
                background-color: #dedede;
                color: #353535;
  }            

 

转载于:https://www.cnblogs.com/yd-MM/p/9909827.html