layuiAdmin侧边栏菜单刷新保持当前页面_layuiadmin 菜单闪烁-CSDN博客

本文链接：https://blog.csdn.net/weixin_38897313/article/details/132754991

layuiadmin框架，每次刷新整个页面，都会回到首页，现在想保持在当前页面，
layuiAdmin侧边栏菜单刷新保持当前页面，利用缓存来处理，供自己参考如下：

  <script>
    layui.config({
        base: '__ROOT__/homeStatic/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use('index',function(){
        var $ = layui.$
            , admin = layui.admin
            , form = layui.form
            , table = layui.table

        var active = {
            //点击菜单缓存当前页面
            menuEvent(){
                // 刷新
                $('#LAY-system-side-menu').on("click",'a[lay-href]',function(){
                    var tabNum = $(this).index();
                    var tabUrl = $(this).attr('lay-href');
                    var homeTabMenu = {};
                        homeTabMenu.tabNum = tabNum;
                        homeTabMenu.tabUrl = tabUrl;
                    sessionStorage.setItem("homeTabMenu", JSON.stringify(homeTabMenu));
                })
            },
            //刷新保持页面
            stopPage(){
                // // //刷新保持在当前页面
                var homeTabMenu = sessionStorage.getItem("homeTabMenu");
                homeTabMenu = JSON.parse(homeTabMenu);
                // console.log(homeTabMenu)
                // console.log(homeTabMenu!='' && homeTabMenu.hasOwnProperty('tabUrl'))
                // // 将之前的URL设置为iframe的src
                if (homeTabMenu!=null && homeTabMenu.hasOwnProperty('tabUrl')) {
                    var a = homeTabMenu.tabUrl;
                    $(`#LAY-system-side-menu a[lay-href="${a}"]`).click();
                    $(`#LAY-system-side-menu a[lay-href="${a}"]`).parents('li').addClass('layui-nav-itemed');
                }

            },
            init:function (){
                this.menuEvent();
                this.stopPage();
            }
        }
        active.init();
    });
</script>