0
点赞
收藏
分享

微信扫一扫

Vue ElementUi导航组件结合后台管理实现左侧菜单滚动不显示滚动条

早安地球 2022-01-31 阅读 38

1、代码例

 <el-aside :width="Iconflag ? '200px' : '0px'">
      <el-row style="width: 100%">
        <el-col>
          <div class="Text">后台管理系统</div>
          //导航外新包一个盒子,除了Text类盒子不滚动外,其余导航滚动,并不显示滚动条
          <div class="NavBox">
            <el-menu
              :default-active="$route.path"
              text-color="#fff"
              active-text-color="#ffd04b"
              router
              @open="handleOpen"
              @close="handleClose"
            >```

2、样式(清除滚动条的样式 sass格式)
```javascript
.NavBox {
  height: 100vh;
  overflow-y: auto;
  &::-webkit-scrollbar {
    display: none;
  }
}
举报

相关推荐

0 条评论