前言

近期在使用vue3配合element-plus做一个后台项目时发现使用到aside侧边时，使用搜索功能后会留有默认宽度问题

aside-默认宽度1.png

aside默认宽度2.png

解决方案

1.只需要为el-side添加 <el-aside width="collapse">即可解决。

2.如果想要自己设置宽度，el-menu需要绑定下面的类名

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

设置一下width: auto !important 即可解决

最后采用了方案1的解决方案：

aside-解决.png