vue实现横向滚动条隐藏但能滚动

可以使用CSS的overflow-x属性来实现横向滚动条隐藏但能滚动的效果，具体步骤如下：

1. 设置外层容器的宽度和高度，并设置overflow属性为hidden，以隐藏横向滚动条。

.container {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

2. 设置内层容器的宽度，并设置overflow-x属性为scroll，以显示横向滚动条，同时允许横向滚动。

.inner-container {
  width: 120%;
  overflow-x: scroll;
}

3. 使用JavaScript获取内层容器，并动态设置其宽度，使其能够实现滚动。

mounted() {
  const innerContainer = this.$refs.innerContainer;
  innerContainer.style.width = `${innerContainer.scrollWidth}px`;
}

完整的代码示例如下：

<template>
  <div class="container">
    <div class="inner-container" ref="innerContainer">
      <!-- 内容 -->
    </div>
  </div>
</template>

<script>
export default {
  mounted() {
    const innerContainer = this.$refs.innerContainer;
    innerContainer.style.width = `${innerContainer.scrollWidth}px`;
  }
}
</script>

<style>
.container {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.inner-container {
  width: 120%;
  overflow-x: scroll;
}
</style>