重读vue电商网站35之在sessionStorage保存左侧菜单栏的激活状态


为了让我们点击二级菜单时,会有一个激活效果,而且是保持状态,我们需要将利用 element-ui 菜单栏相关 default-active 属性,来让菜单保持激活。

由于每个二级菜单都有一个路由链接,不妨将路由路径 path 存储在 sessionStorage 中,具体做法就是给二级菜单绑定一个事件:


每次触发点击事件,我们需要更新当前路由路径,才能让点击的那个按钮高亮。

 

 

然后在我们创建这个组件时,就获取当前的激活状态的路径即可。

 

查看 sessionStorage ,可以看到我们存储的路由路径。


 

posted @   前端导师歌谣  阅读(44)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
点击右上角即可分享
微信分享提示