Swiperjs 检测滑动方向？

Question

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

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

然后，我意识到swiperjs。我创建了一个只有 1 张幻灯片的 swiper 并给了它一个loop. 它工作得很好。

但问题是 swiper 索引总是给我 1。

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

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

Answer 1

终于找到了。

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

向右滑动时返回 true，向左滑动时返回 false。

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