vue点击当前路由高亮小案例

本文实例为大家分享了vue点击当前路由高亮的具体代码，供大家参考，具体内容如下

功能展示：

组件代码：

标签上加exact

.router-link-active{
 background: rgba(255,255,255,0.8);
 color: gray;
 }

 

 

 ul{
 list-style-type: none;
 text-align: center;
 margin:0;
 }
 li{
 display: inline-block;
 margin:0 10px;
 }
 a{
 color:rgb(102, 119, 204);
 text-decoration: none;
 padding:12px;
 border-radius: 5px;
 font-size:20px;
 }
 nav{
 background: #eee;
 padding: 30px 0;
 margin-bottom: 40px;
 }
 .router-link-active{
 background: rgba(255,255,255,0.8);
 color: gray;
 }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。