关于element ui导航栏,刷新页面以后高亮消失的问题

代码如图,这个页面有两个导航栏,页面刷新以后,选中的项高亮会消失,但是右下角这个卡片里面的跳转界面,也就是路由还要,只是单纯地两个导航栏重新渲染了一下,论坛里面能查到的很多方法都尝试过了,但是还是没用,有大佬出出主意吗?

 

 

 

选中状态根据路径判断,从路由守卫里的跳转路径判断,取选中的是那个。大概就这个思路。

比如

          activeIndex:'1',
          items:[{
            title:'demo',//显示的标题
            path:'/demo',//跳转的路径
            indexKey:'1',//标记选中的key
          }],

路由守卫监听到from里面的路径和items里面的循环比对,比对上之后把indexKey赋值给activeIndex,这样即使再怎么刷新也不会绑定错误。

当然路由守卫选组件内守卫比较好

补页面的图,这就是选中后刷新一下,就高亮就没有了,路由跳转还在

 

 

这个监听一下就行了

后置路由守卫,

根据现在的路由地址,遍历导航列表 ,判断哪个导航菜单 应该高亮