vue 中的vue-router路由选中添加router-link-exact-active类名

zlting~

于 2020-05-22 13:24:09 发布

阅读量777

点赞数

CC 4.0 BY-SA版权

分类专栏： VUE CSS样式

本文链接：https://blog.youkuaiyun.com/sunshineTing2/article/details/106277967

116 篇文章

订阅专栏

25 篇文章

订阅专栏

本文介绍了一种使用CSS为路由器链接设置活动状态样式的技巧。通过`.router-link-active`和`.router-link-exact-active`选择器，可以分别为部分匹配和完全匹配的活动链接应用不同的边框样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 .router-link-active {
      border-bottom: 4px solid blue;
    }
    .router-link-exact-active {
      border-bottom: 4px solid red;