如何使用ThinkPHP实现动态菜单折叠并保存前端状态？

本文共计972个文字，预计阅读时间需要4分钟。

ThinkPHP 动态菜单折叠本体不依赖框架内置功能，完全依靠代码实现，无需试图解，无需数数，不超过100字，直接输出结果：

菜单折叠状态该存在哪？localStorage 是最稳妥的选择

服务端无法感知用户对某个菜单的展开/收起操作，所以状态必须存前端。sessionStorage 会随标签页关闭丢失，cookie 容量小且每次请求都携带——localStorage 是唯一合理选项。

• 每次点击菜单标题（如 <li class="menu-group">）时，用 localStorage.setItem('menu-opened-xxx', 'true') 记录 ID 或路由前缀
• 初始化菜单时，遍历所有可折叠项，读取 localStorage.getItem('menu-opened-xxx') 并设置 class="open" 或内联 style="display: block;"
• 注意：不要存整个菜单结构或 JSON 字符串，只存开关状态，避免序列化/解析开销和兼容性问题

ThinkPHP 后端怎么配合？别渲染“默认展开”，把判断权交给前端

常见错误是后端根据当前 URL 主动给某一级菜单加 class="active open"——这会导致前端状态被覆盖。正确做法是后端只输出干净的菜单树（比如 $menuList），不带任何展开逻辑。