vue中router菜单高亮

vue中使用router实现菜单高亮

因为之前一直是用点击控制class的方式写的，没有遇到问题，也没有bug。今天写的时候终于出现了bug，刷新页面高亮菜单为默认值，导致很久才能解决这个bug，记一次vue页面刷新高亮菜的为默认值的bug。

话不多说直接上代码

方法一：

在router中选中的router-link会默认添加样式

router-link-exact-active router-link-active

所以直接给这两个当中的一个添加高亮样式即可，router-link-exact-active是精准匹配模式， router-link-active普通模式

方法二：

或者在route.js中直接添加一个mui-active类名，然后设置mui-active的样式即可，这个类名可以随机设置