Vue不禁用滚动条情况下，实现touchmove

如果你想在Vue中同时使用touchmove事件和滚动条，可以使用一些技巧来避免冲突，让它们和谐共存。

具体实现方法如下：

1. 在需要使用touchmove事件的元素上添加v-touchmove指令。

2. 在touchmove事件处理函数中，判断手指移动的方向，如果是竖直方向，则禁用默认的滚动条，并手动实现滚动效果。

3. 如果是水平方向，则不禁用滚动条，让浏览器默认处理事件。

示例代码如下：

<template>
  <div class="container">
    <div class="content" v-touchmove="handleTouchMove">
      <!-- content here -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      startY: 0,
      lastY: 0,
      isVertical: false
    }
  },
  methods: {
    handleTouchMove(e) {
      const touch = e.touches[0]
      const currentY = touch.clientY
      if (!this.startY) {
        this.startY = currentY
      }
      this.lastY = currentY
      const distance = this.lastY - this.startY
      if (Math.abs(distance) > 10) {
        this.isVertical = true
        e.preventDefault()
        const contentEl = e.currentTarget
        const scrollTop = contentEl.scrollTop
        contentEl.scrollTop = scrollTop - distance
      }
    }
  }
}
</script>

<style>
.container {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.content {
  width: 100%;
  height: 100%;
}
</style>

在上面的代码中，我们将容器元素的overflow属性设置为auto，启用滚动条。然后给内容元素添加v-touchmove指令，处理touchmove事件。在事件处理函数中，判断手指移动的方向，如果是竖直方向，则禁用默认的滚动条，并手动实现滚动效果。如果是水平方向，则不禁用滚动条，让浏览器默认处理事件。

希望这能够帮助到你解决问题。