vue路由中设置linkActiveClass
生活随笔
收集整理的這篇文章主要介紹了
vue路由中设置linkActiveClass
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
路由
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)題。
- 上一篇: 我国对辽宁舰做什么了?
- 下一篇: html5倒计时秒杀怎么做,vue 设