vue设置选中时的样式名称

 

 

第一种方式：在router中全局设置

 

export default new Router({
  mode:'history',
  linkActiveClass:'index',
  routes: [
    {
      path: '/',
      name: 'index',
      redirect:{
        path:'/home'
      }
    },
    {
      path: '/home',
      name: 'home',
      component: Home
    }
  ]
})

 

 

第二种方式：在单条路由中设置 active-class

<router-link :to="{name:'home'}" event="mouseover" active-class="homeActive">
        home
      </router-link>