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的样式即可,这个类名可以随机设置