问题描述
vue项目引入element-ui的侧边栏时，当调整sidebar侧边栏大小为180px时，下拉列表子项的宽度会超出（默认为200px）。
更新
- 加入方式二进行修改更简便
如图所示：
原因分析：
列表的默认样式中的子项宽度未能正确修改成和父级的一样，
即 < ul > 下的< li >未能和< ul >保持一样的宽度。
解决方案1：
1、浏览器F12打开元素选择，点击对应的元素选项：
2、找到样式区域，看准min-width：200px配置项：
3、根据提示找到路径：node_modules/element-ui/lib/theme-chalk/index.css
4、打开css文件找到对应的配置项：
将min-width：200px修改为min-width: 100%;文章来源：https://www.toymoban.com/news/detail-579941.html
解决方案2：
- 在对应的SideBar样式中加入：
解决方案2：
- 在对应的SideBar样式中加入：
/deep/ .el-submenu .el-menu-item{ min-width:100%} - 效果是一样的，而且重新安装依赖后不会影响。
效果展示：
文章来源地址https://www.toymoban.com/news/detail-579941.html
到了这里，关于修改Element-ui中的Sidebar列表下拉框子项的宽度的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
