ionic3滑动滑动灵敏度

Question

在我的 Ionic3 应用程序中，我有一个带有一堆幻灯片的 slides 组件，我希望能够对每张幻灯片进行 click。所以代码看起来像：

<ion-slides>
  <ion-slide *ngFor="let s of slides" (click)="onClick()">Slide</ion-slide>
</ion-slides>

我经常遇到的问题是，当我尝试点击幻灯片时，它实际上会对当前幻灯片执行 swipe 并显示下一张，因此点击永远不会发生。这主要发生在使用平板电脑时，因为我猜我的手指不太稳定，如果点击不完美，它就会滑动。

有什么方法可以降低点击的灵敏度（这样即使向下和向上事件之间的距离发生微小变化也会被识别为点击而不是滑动）？

Answer 1

<ion-slides pager>
  <ion-slide *ngFor="let s of slides" (click)="onClick()">Slide</ion-slide>
</ion-slides>

Answer 2

ionic 没有列出很多可用的选项，但您可以在 ionic 幻灯片使用的库中看到它们：

http://idangero.us/swiper/api/

将 Touches 阈值 设置为合理的值应该会有所帮助。

如果你有对你的滑块的引用，你可以简单地说 this.slider.threshold = 100;

Answer 3

您可以先使用 querySelector 获取您的刷卡器：

let mySwiper = document.querySelector('yourSwiperSelector');

那么只需更改阈值即可：

mySwiper.threshold = 100;

它对我有用。在我的例子中，它是 ionic2-calendar，我的选择器看起来像这样：

let mySwiper = document.querySelector('.swiper-container')['swiper'];