el-menu怎么去掉滚动条

要去掉 `el-menu` 组件的滚动条，你可以通过设置 `overflow:hidden` 样式来实现。具体方法如下：

在 `el-menu` 组件上添加一个类名，比如 `no-scrollbar`，然后在 CSS 文件中添加如下样式：

.no-scrollbar {
  overflow: hidden;
}

这样就可以去掉 `el-menu` 组件的滚动条了。需要注意的是，如果 `el-menu` 组件的内容过多，可能会导致内容被截断。如果需要显示所有内容，可以考虑调整组件的高度或者使用其他的滚动方式，比如使用鼠标滚轮来滚动。

相关问题

el-menu-item加滚动条

要使用el-menu-item加滚动条，可以使用el-scrollbar组件来实现。首先，在父容器中使用el-scrollbar组件来包裹el-menu-item，将el-menu-item放在el-scrollbar的内容区域内。然后，给el-scrollbar组件设置一个固定的高度，使其能够限制内容区域的高度，并且溢出内容时出现滚动条。

具体操作步骤如下：
1. 在需要使用el-menu-item的父容器中，添加el-scrollbar组件，并设置一个固定的高度，可以使用style或class方式来设置高度。
2. 将el-menu-item放在el-scrollbar组件的内容区域内，作为内容区域的内容。
3. 根据需要，可以对el-scrollbar组件进行一些设置，如设置滚动条的样式、颜色等。
4. 最后，根据el-menu-item的数量和高度，当超过父容器的高度时，el-menu-item中的内容就会出现滚动条。

需要注意的是，为了使el-menu-item能够正确地放入el-scrollbar组件中，可能需要对它们进行一些样式的调整，使其适应el-scrollbar组件的尺寸。

通过以上步骤，就可以实现el-menu-item加滚动条的效果了。

el-menu加横向滚动条之后 el-menu-item的选中状态宽度不是自适应

在el-menu加横向滚动条之后，el-menu-item的选中状态宽度不自适应的问题，可以通过CSS样式进行修复。

你可以使用以下CSS代码：

.el-menu--horizontal-scroll .el-menu-item.is-active {
  flex: 0 0 auto;
  width: auto !important;
}

这个CSS选择器会选中el-menu中的is-active状态的el-menu-item元素，并且将其宽度设置为自适应。同时，由于加了横向滚动条，我们还需要将其flex属性设置为0，这样就可以让它自适应宽度了。

在代码中，我们使用了!important关键字，这是因为在原本的样式中，可能有一些样式会覆盖我们的修改。使用!important可以强制将这个样式应用到元素上，避免被其他样式覆盖。

希望这个解决方案能够帮助到你。