路由

export default new Router({linkActiveClass: 'active',//設置 鏈接激活時使用的 CSS 類名。默認值可以通過路由的構造選項?linkActiveClass?來全局配置routes: [] })

css

.nav .active {color: #ffbb22; }

模版

<div class="nav"><router-view></router-view><router-link class="nav-item" to="/nav1">nav1</router-link><router-link class="nav-item" to="/nav2">nav2</router-link><router-link class="nav-item" to="/nav3">nav3</router-link> </div>

　　

轉載于:https://www.cnblogs.com/ws-zhangbo/p/11234188.html

總結

以上是生活随笔為你收集整理的vue路由中设置linkActiveClass的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。