当我们需要做一个类似顶部 或 底部导航栏公共组件的时候,单击某个导航栏按钮,跳转到另一个组件,
并且改变导航栏按钮的样式,如果用<router-link to=""><router-link/> 跳转的时候,我们可以这样做,
改变router-link-active 的样式,它是路由path指向当前组件时系统自动生成的。
先看下效果:
贴上我的路由文件js
export default new Router({
routes: [
{
path:'/',
component:common_nav,
children:[
{
path:'/html',
component:html
},
{
path:'/js',
component:js
},
{
path:'/css',
component:css
},
{
path:'/img',
component:img
}
]
},
]
})
源码地址:https://github.com/ityadong/vue-router-link
转载请附地址:http://blog.csdn.net/u012302552/article/details/79246710