如何解决侧边栏菜单点击收齐时宽度回弹的问题？-灵析社区

菜单侧边栏点击收齐的时候，宽度会回弹一下，没有在js里面控制或者直接修改宽度，第一个图片是useRenderLayout，第二个是Menu 版本号： "element-plus": "^2.6.1",   css :root { --el-aside-max-width: 200px; --el-aside-min-width: 64px; --el-aside-width: 200px; } //useRenderLayout.scss $prefix-cls-left: #{$namespace}-render-left; .#{$prefix-cls-left} { display: flex; height: 100%; .aside-max-width { width: var(--el-aside-max-width); } .aside-min-width { width: var(--el-aside-min-width); } .main-content { flex: 1; .app-View { height: calc(100% - 40px); padding: 10px 20px 20px; } } } // Menu.vue $prefix-cls: #{$namespace}-menu; .#{$prefix-cls} { height: 100%; background-color: rgba(255, 255, 255, 0); width: 100%; // 对宽度有个两秒的动画=>感觉没啥用，没生效 transition: width 0.2s; // 折叠动画的时候，就需要把文字给隐藏掉 :deep(.el-menu--collapse) { // background-color: red; // transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out !important; .#{$prefix-cls}__title { display: none; } } } ` transition: width 0.2s;` 我给宽度加了一个这个 也不管用 ，我想知道它回弹的原因和解决办法