vue实现横向滚动条显示，竖向滚动条隐藏但能滚动

可以通过CSS样式来实现横向滚动条显示和竖向滚动条隐藏但能够滚动：

/* 隐藏竖向滚动条 */
::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* 显示横向滚动条 */
::-webkit-scrollbar-horizontal {
  height: 8px;
  background-color: #f1f1f1;
}

/* 滚动条样式 */
::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 6px;
}

/* 滚动条悬停样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

然后在需要添加滚动条的元素上加上 `overflow-x: scroll;` 属性即可实现横向滚动条显示和竖向滚动条隐藏但能够滚动。