vue学习笔记 el-scrollbar 隐藏横向滚动条

在学习vue过程中，学习侧边菜单，使用el-scrollbar，需要隐藏横向滚动条

sidebar.scss

#app {
  $sideBarWidth: 220px;
  $menuBg: #304156;
  .sidebar-container {
   ...
    //隐藏横向滚动条
    .el-scrollbar__wrap {
      overflow-x: hidden !important;
    }
    .el-scrollbar__bar.is-horizontal {
      display: none;
    }
    ...
  }
}

运行后，横向滚动条没有显示