如何解决Vue iView菜单组件Menu点击后不亮的问题？

本文共计811个文字，预计阅读时间需要4分钟。

前言：在项目中，我使用了vue+iview+vue-router进行开发；随后，导航条就使用了iview的Menu组件。结果发现，点击导航条的内容后，并不会显示高亮样式，而是先跳转，再高亮。我再点击一次，才会高亮显示。

前言： 在项目中，我用到了vue +iview + vue-router 开发； 然后导航条就使用了iview的Menu组件，结果发觉导航条的内容点击一次之后不会显示高亮样式，而是先跳转了，我再点击一次，才会高亮显示。

在看了vue-router的文档之后，发觉有一个很好用的东西，就是router-link的属性： active-class 和 exact。

为什么要使用router-link? 官网上说明了这几点好处：

组件支持用户在具有路由功能的应用中（点击）导航。 通过 to 属性指定目标地址，默认渲染成带有正确链接的 a 标签，可以通过配置 tag 属性生成别的标签.。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的 CSS 类名。