直接在 el-menu-item 标签上使用 style 属性来设置宽度。这是最直接且快速的方法,但不利于样式的复用和维护。 html <el-menu-item index="1" style="width: 200px;">处理中心</el-menu-item> 使用CSS 类: 定义一个 CSS 类来设置宽度,然后在 el-menu-item 标签上应用这个
今天遇到老板要求,改el-menu子组件的宽度跟父组件的大小匹配。改的时候完全找不到元素改不了。然后看了一篇博客。 在css中添加如下代码: .el-menu--collapse .el-menu .el-submenu, .el-menu--popup{ min-width: 120px!important; } 1 2 3 注意:确保style没有scoped属性,有的话在app.vue添加css代码!