眼`少№ 2021-04-16 06:43 采纳率: 60%
浏览 282
已采纳

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

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

 

 

 

展开全部

  • 写回答

4条回答 默认 最新

  • 关注

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

    比如

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

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

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

    展开全部

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    眼`少№ 2021-04-16 07:43

    请问,路由守卫我的理解是from到to的一些限制嘛,如果刷新页面这个要怎么去选中导航栏的Index嘛?其实这个是刷新路径还在,就是高亮没了

    回复
    CSDN专家-流转的年华 回复 眼`少№ 2021-04-16 08:07

    我这里说的是大概思路:关于实现的话,刷新界面路径肯定是不会边的,所以你就可以根据页面守卫里面的beforeEach的form参数判断是哪个界面,然后再去绑定对应的:default-active="activeIndex"

    回复
    CSDN专家-流转的年华 回复 眼`少№ 2021-04-16 08:26

    你的问题在于如何把数据绑定到对应的menu-item上,所以就要用路径判断比对,就要用到路由守卫监听从哪个界面来的,然后根据你的items循环,就找到对应的default-active绑定的index了哦

    回复
    展开全部4条评论
查看更多回答(3条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 下面三个文件分别是OFDM波形的数据,我的思路公式和我写的成像算法代码,有没有人能帮我改一改,如何解决?
  • ¥15 Ubuntu打开gazebo模型调不出来,如何解决?
  • ¥100 有chang请一位会arm和dsp的朋友解读一个工程
  • ¥50 求代做一个阿里云百炼的小实验
  • ¥20 DNS服务器所在的国家不同与你的IP地址所在国家
  • ¥15 查询优化:A表100000行,B表2000 行,内存页大小只有20页,运行时3页,设计两个表等值连接的最简单的算法
  • ¥15 led数码显示控制(标签-流程图)
  • ¥20 为什么在复位后出现错误帧
  • ¥15 结果有了,想问一下这个具体怎么输入
  • ¥15 怎么修改鸿蒙app的UI及功能设计
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部