element UI导航栏 + vue-router实现单页面应用中的组件跳转时导航栏上的高亮问题

高亮问题

在element导航栏 el-menu里的API default-active 绑定Menu-Item中的API index 当对应的路由切换时高亮对应的导航栏。
现在的情况我有4个路由 前面两个路由给分配导航栏 后面两个不分配导航栏。 在路由配置里加个isHidden属性来判断是否渲染导航栏。 后面两个路由是由前面两个路由通过 $router.push()过去。然后通过vue-bus改变父级组件的 default-active属性。
问题出现了 导航栏绑定的高亮index 改变了但是导航栏的高亮没有变化
因为在menu-item里是通过v-if 判断isHidden属性是否显示对应路由导航。 把v-if 换成v-show 完美解决问题。

你可能感兴趣的:(学习)