Vue 隐藏滚动条

在侧边菜单太多时，会出现展示不完全，但是又不能滚动的情况，如果加了overflow-y:auto以后呢，旁边的滚动条又不好看，这个时候就可以通过简单的设置隐藏掉滚动条

需要隐藏滚动条的div

<div id="div-nav">
        <systemNavMenu :isSwitch="isSwitch"></systemNavMenu>
      </div>

css修改

#div-nav::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar 滚动条整体部分

display: none----将元素的显示设为无，即在网页中不占任何的位置