<el-menu class="el-menu-vertical-demo" :collapse="isCollapse" @open="handleOpen" @close="handleClose">
...
</el-menu>
(1)添加垂直滚动条
.el-menu-vertical-demo{
overflow-y: scroll;
}
(2)取消水平滚动条
- 为el-menu添加宽度,避免出现水平滚动条;
- 同时,为了能够实现折叠,只在未折叠的情况下,添加宽度;
.el-menu-vertical-demo:not(.el-menu--collapse) {
width: 200px;
}