vue横向滚动并且滚动条隐藏

可以使用CSS中的overflow-x属性来实现横向滚动，同时使用::-webkit-scrollbar来隐藏滚动条。具体实现可以参考以下代码：

HTML代码：

<div class="scroll-container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
  <div class="item">Item 4</div>
  <div class="item">Item 5</div>
</div>

CSS代码：

.scroll-container {
  overflow-x: auto;
  white-space: nowrap;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.item {
  display: inline-block;
  width: 200px;
  height: 200px;
  background-color: #ccc;
  margin-right: 20px;
}

其中，scroll-container元素设置overflow-x属性为auto，这样当内容超出容器宽度时，就会出现横向滚动条。同时，设置white-space属性为nowrap，使得子元素不会换行。

接着，使用::-webkit-scrollbar来隐藏滚动条，将宽度和高度都设置为0即可。

最后，设置子元素.item为inline-block元素，使得它们排列在一行，同时设置宽度和高度，用于占据容器的空间。