路由
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>