在页面中定义好需要的样式和类名
.router-link-active{
...
}
然后在routes.js页面new路由对象的时候加入写好的类名即可
let routerInstance = new Router({
//配置激活时要使用的类名
linkActiveClass:'router-link-active',
mode: 'history',
waitForData: true,
transitionOnLoad: true,
base: basePath,
routes: []
})
不同页面只要在各自的 .router-link-active里面设置好自己需要的样式就可以了