vue:路由菜单刷新高亮

很多人遇到了路由高亮的问题。问为什么页面一刷新进来当前页就不不高。刷新的时候也没有记录状态。其实就是路由没有记录。。。

我们想要实现的效果是: 

vue:路由菜单刷新高亮_第1张图片

1、这里用的是 Element UI 。先把菜单封装。请看上面的文章:https://blog.csdn.net/u013592575/article/details/103493865

2、element UI 中 NavMenu 有一个 default-activ=‘xxx’ 的这个属性。这里写上 this.$route.path 。就可以显示高亮了。

    会有多层嵌套路由,所以建议是放这建议是放在 computed (计算属性) 中。

    也可以直接绑定::default-active='$route.path'

    代码图:

vue:路由菜单刷新高亮_第2张图片

 

你可能感兴趣的:(vue,菜单高亮,element菜单,路由跳转,动态路由)