el-scrollbar element-ui的滚动条组件（官方文档没有）

最新推荐文章于 2025-06-27 11:45:50 发布

weixin_丫头片子

最新推荐文章于 2025-06-27 11:45:50 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_43899935/article/details/107965415

本文介绍了如何使用el-scrollbar组件与el-menu结合，实现侧边栏的完美滚动效果。当侧边栏内容高度超出时，el-scrollbar自动显示，且滚动时不影响整个页面，保持滚动条隐藏的优雅体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-scrollbar 配合 el-menu 写侧边栏，简直没有太好使

<el-aside width="200px" style="overflow:hidden">
      <el-scrollbar
        class="default-scrollbar"
        wrap-class="default-scrollbar__wrap"
        view-class="default-scrollbar__view"
      >
        <el-menu
          default-active="2"
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
        >
          <el-menu-item index=<