菜单折叠按钮设置底部，页面宽度缩小至960 ，菜单折叠事件失效

[SanpLee]

描述 Bug

菜单折叠按钮设置底部，页面宽度缩小至960 ，菜单折叠事件失效

以下是项目设置，

系统信息

• 操作系统:
• Node 版本:
• 包管理器 (npm/yarn/pnpm) 及其版本:

[xachary]

@SanpLee 原因是 Layout 组件定义的 lg: '992px'，但是 vben 里面定义的是 lg: '960px', 错误的给 collapsedWidth 提前赋值为 0，导致操作失效。把原来的breakpoint="lg"改成breakpoint="md"，貌似可以绕过这个问题。
src\layouts\default\sider\LayoutSider.vue

[SanpLee]

@xachary

试了，这种方式果然可以，我找了半天都没解决

[xachary]

@SanpLee 不知道有没有副作用，尴尬

[likui628]

只可惜ant-design-vue那里是写死的
https://github.com/vueComponent/ant-design-vue/blob/main/components/layout/Sider.tsx#L22-L30

也不建议改breakpoint.less，可以在LayoutSider内监听窗口大小以控制折叠。