路由

export default new Router({linkActiveClass: 'active',//設(shè)置 鏈接激活時(shí)使用的 CSS 類名。默認(rèn)值可以通過(guò)路由的構(gòu)造選項(xiàng)?linkActiveClass?來(lái)全局配置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>

　　

轉(zhuǎn)載于:https://www.cnblogs.com/ws-zhangbo/p/11234188.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。