VUE--ElementUI--动态菜单+路由(五)

Posted 2023-05-01

参考技术A 二、常见问题

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

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;