router-link解决高亮

在Vue中，可以使用router-link组件来创建导航链接，并且可以通过设置class来实现高亮效果。以下是两种方法来解决router-link的高亮问题：

1. 使用路由规则配置项linkActiveClass：

const router = new VueRouter({
  routes: [
    {
      path: '/home',
      component: Home,
      meta: { activeClass: 'active' } // 设置自定义的高亮类名
    },
    // 其他路由规则...
  ],
  linkActiveClass: 'router-link-active' // 设置全局的高亮类名
})

在上述代码中，我们可以通过在路由规则的meta字段中设置activeClass来为特定的路由设置自定义的高亮类名。同时，通过在VueRouter实例中设置linkActiveClass来修改全局的高亮类名。

2. 使用router-link的to和exact属性：

<router-link to="/home" exact class="router-link-active">Home</router-link>

在上述代码中，我们可以直接在router-link组件上添加class属性，并设置为需要的高亮类名。同时，可以使用exact属性来确保只有在完全匹配路由路径时才会添加高亮类名。