menu组件的高亮部分反映的是当前的页面,但是当前页面会跳转到另外一个页面,相应的高亮部分也应该随着跳转。menu组件中有一个active-name反映的是当前高亮区域,因此可以动态的绑定active-name,来实现目的。
参考资料:
https://segmentfault.com/q/1010000017914052
假设有A,B两个页面,页面配置的路由name
叫A
和B,
将MenuItem
的name也设置成页面路由的name。通过
:active-name="$route.name"
就可以使得active-name
获取的是当前的页面的路由的name
,这样页面跳转菜单就自动高亮了