Swiperjs 检测滑动方向？

Question

我正在创建一个日历网络应用程序来显示我每天的备忘录。

看起来像这样，我想为移动用户添加一个“滑动”手势。

然后，我意识到swiperjs。我创建了一个只有 1 张幻灯片的滑动器，并给它一个 loop。效果很好。

但问题是滑动器索引总是给我 1。

使用事件侦听器（如slideChange）我需要检测滑动方向并加载第二天的备忘录。

是否有特定的事件侦听器（类似于 swipeLeft）或返回的值给我方向？

Answer 1

终于找到了。

on: {
  slideChange: (swiper) => {
    console.log(swiper.touches.diff < 0);
  }
}

Returns向右滑动时为真，向左滑动时为假。

注意： 当导航箭头更改幻灯片时，swiper.touches.diff 将为 0。为此，还要向按钮添加事件侦听器。