layui菜单栏点击菜单后，收缩其他展开列

最新推荐文章于 2024-10-28 16:14:32 发布

vic学Java

最新推荐文章于 2024-10-28 16:14:32 发布

阅读量5.8k

点赞数 4

分类专栏：前端文章标签： Layui

本文链接：https://blog.youkuaiyun.com/weking1024/article/details/103380181

版权

前端专栏收录该内容

1 篇文章

订阅专栏

本文详细解析了layui框架中导航菜单的两个关键属性：lay-shrink和lay-unselect。lay-shrink属性用于控制子菜单展开时，兄弟节点的子菜单是否收缩；lay-unselect属性则确保指定导航项被点击时，不会触发选中效果。这两个属性为layui2.2版本后新增，对导航菜单布局和交互有重要影响。

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

属性名	可选值	说明
lay-shrink	空值（默认）不收缩兄弟菜单子菜单 all 收缩全部兄弟菜单子菜单	展开子菜单时，是否收缩兄弟节点已展开的子菜单（注：layui 2.2.6 开始新增）如：<ul class="layui-nav layui-nav-tree" lay-shrink="all"> … </ul>
lay-unselect	无需填值	点击指定导航菜单时，不会出现选中效果（注：layui 2.2.0 开始新增）如：<li class="layui-nav-item" lay-unselect>刷新</li>