在用x-admin前端模板的时候,发现了一个问题,对于左侧的菜单栏,如果点击之后(即菜单页为展开)再退出了系统,重新登录后,发现菜单栏和退出时是一样的。如图。
而我们的要求是,退出后,再登录进来菜单页是收起状态。由于我没有找到怎么在x-admin中消除菜单页记忆功能,于是我就想到了清除缓存,只要每次退出前消除缓存就可以了。
消除缓存的js代码很简单,就两行。
//清除缓存 sessionStorage.clear(); localStorage.clear();
把这两行放在点击退出按钮执行的js代码中即可,让程序在退出系统的时候执行这两行代码。
就会看到如下图结果。
但是现在又有问题了,清除完缓存之后,就发现任何的标签页都没有被选中,真的好丑。我们应该让“初始管理”显示为被选中的状态。
解决这个问题很简单,只要在x-admin模板中找到相应的菜单栏,找到初始管理相对应的a标签,加上
class="active"
如图
查看结果
要注意的是,class="active"要加到父菜单上,不然如果加到了子菜单上就又展开了