Question

我正在使用Vuetify，我想在用户向左或向右滑动时执行一些代码。我有一个这样的容器：

<div
    v-touch="{
      left: () => next(),
      right: () => back()
    }"
  >
<!-- other html -->
</div>

问题是此容器有另一个元素，其文本必须水平滚动。在电话上，当我滑动滚动此文本时，容器v-touch指令也捕获了滑动，即使不支持也将继续滑动。如果那个孩子被刷了，我怎么能说什么都不做？是否有目标参数或类似参数？

Answer 1

您可以在要排除的元素上停止触摸事件，以便v-touch指令不会在您要排除的元素上或内部发生事件时获取事件。

<div
  v-touch="{
    left: () => next(),
    right: () => back()
  }"
>
  <div
    @touchstart.native.stop
    @touchmove.native.stop
    @touchend.native.stop
  >
    ...non swipable content
  </div>
  ..swipable content
</div>

在子元素中禁用Vuetify v-touch

1 个答案: