Element-plus使用菜单收起折叠，el-aside 宽度不随着折叠变化解决方案：

前端时间在写课设的时候出现了一个问题，界面的主体布局我是使用的 el-container 布局容器实现的，侧边导航栏 el-menu 嵌套在 el-aside 当中，但是当我在 el-menu 中使用展开与折叠功能时，发现侧边栏外部的 el-aside 宽度不随之发生改变：

一开始我想的是把 el-aside 去掉，给 el-menu 设置宽度，但是当我直接设置宽度的时候，折叠的动画效果会发生卡顿，后来在网上找到了相关的解决方案，把外部 el-aside 的宽度与折叠变量一起绑定：

<el-aside width="collapse"  style="border-right: 1px solid #ccc">
    ......
</el-aside>

但这时候侧边栏的宽度就变成了默认的大小，看起来不是很美观，给 el-menu 添加如下类名实现自定义宽度又不影响折叠动画效果：

.el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
}