x-admin前端模板左侧菜单栏消除记忆功能(清除缓存)

本文介绍如何解决x-admin前端模板中左侧菜单栏的记忆问题。通过清除浏览器缓存实现菜单栏状态重置,并调整菜单项样式以确保初始管理项默认选中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在用x-admin前端模板的时候,发现了一个问题,对于左侧的菜单栏,如果点击之后(即菜单页为展开)再退出了系统,重新登录后,发现菜单栏和退出时是一样的。如图。

而我们的要求是,退出后,再登录进来菜单页是收起状态。由于我没有找到怎么在x-admin中消除菜单页记忆功能,于是我就想到了清除缓存,只要每次退出前消除缓存就可以了。

消除缓存的js代码很简单,就两行。

//清除缓存
sessionStorage.clear();
localStorage.clear();

把这两行放在点击退出按钮执行的js代码中即可,让程序在退出系统的时候执行这两行代码。

就会看到如下图结果。

但是现在又有问题了,清除完缓存之后,就发现任何的标签页都没有被选中,真的好丑。我们应该让“初始管理”显示为被选中的状态。

解决这个问题很简单,只要在x-admin模板中找到相应的菜单栏,找到初始管理相对应的a标签,加上

class="active"

 

 如图

 

 查看结果

要注意的是,class="active"要加到父菜单上,不然如果加到了子菜单上就又展开了

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

迷疑.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值