0

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

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

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

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

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

是否有特定的事件侦听器(类似于swipeLeft)或返回的值给我指示?

4

1 回答 1

2

终于找到了。

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

向右滑动返回 true,向左滑动返回 false。

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

于 2021-09-11T07:08:53.850 回答