15-5 激活active

最新推荐文章于 2022-05-12 15:25:29 发布

winner0004

最新推荐文章于 2022-05-12 15:25:29 发布

阅读量396

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/qq_39273455/article/details/88796216

版权

Vue 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

在router下的index.js下使用 linkActiveClass: ‘active’，这样router-link链接下的router-link-exact-active的active就会被激活。就可以通过设置标签下的active的css样式来控制当前的样式。

export default new Router({
    linkActiveClass: 'active',
    routes
});

 .tab-item{
      flex: 1;
      text-align: center;
      &>a{
        display: block;
        font-size: 14px;
        color: rgb(77, 85, 93);
        &.active{
          color: rgb(240, 20, 20);  //active的标签颜色变红
        }
      }
    }