Layui侧边栏菜单加载时不会自动根据URL Hash高亮定位，需手动匹配Hash与菜单数据并添加layui-this和layui-nav-itemed类。
页面加载时，Layui 侧边栏菜单本身不会自动根据 URL Hash 定位高亮项——它不内置这个逻辑。必须手动匹配当前 Hash（或 pathname）与菜单数据，找到对应节点，并给其父级 `
1. 确保菜单数据已加载且结构清晰
侧边栏菜单需由前端动态渲染（如通过 AJAX 获取后端权限菜单），不能依赖原生 layui.navbar()，因其只支持两级、不支持递归和权限裁剪。推荐后端返回嵌套格式的菜单树，每个节点含：id、title、href（或 url）、children（数组，可为空）等字段。
- 避免用
pid/id让前端拼树——易出错，应由后端直接返回完整嵌套结构 -
href建议统一为绝对路径（如/user/list），便于与location.hash或location.pathname对比 - 若使用 Hash 导航（如
#user/list），需提前截掉#，再做字符串匹配
2. 解析 Hash 并查找匹配菜单项
在 DOM 就绪后（如 $(document).ready() 或 layui.use 回调内），解析 location.hash，提取目标路径：
- 例如 URL 是
http://a.com/#/user/list，用location.hash.slice(1)得到/user/list - 遍历菜单数据树，用
node.href === targetPath或模糊匹配（如targetPath.startsWith(node.href)）定位节点 - 注意：若菜单项 href 是
user/list而 Hash 是/user/list，需统一前缀（都加/或都去掉）
3. 手动添加 layui-this 和 layui-nav-itemed 类
找到匹配节点后，从该节点向上回溯所有父级（包括自身），逐层为其 DOM 元素添加对应 class：
- 当前项的
<li>加layui-this - 所有父级
<li>（含二级、一级）加layui-nav-itemed - 若菜单含
<dl class="layui-nav-child"></dl>，确保其父<dd></dd>已有layui-nav-itemed，否则子菜单不展开 - 可用 jQuery 链式操作快速定位并设类，例如：
$(`[data-id="${node.id}"]`).addClass('layui-this').parents('li').addClass('layui-nav-itemed')
4. 配合 Tab 模块保持同步（可选）
如果系统同时使用了 Layui Tab（如 layuimini），还需触发 Tab 切换以保证视图一致：
- 在定位完侧边栏后，调用
element.tabChange('filterName', layId)，其中layId应与菜单项的lay-id或自定义 data 属性一致 - 确保 Tab 的
lay-filter与 JS 中调用的 filter 名称完全相同 - 此步非必须，但能避免“菜单高亮了，Tab 还停在首页”的体验断层
不复杂但容易忽略：Hash 定位不是靠框架自动完成的，核心是“数据驱动 DOM 状态”。只要菜单数据可查、路径可比、class 可控，就能稳稳实现加载即定位。
