离子3滑动灵敏度

Question

在我的ionic3应用中，我有一个带有一堆幻灯片的slides组件，我希望能够在每个幻灯片上 click。因此代码看起来像：

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

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

是否有任何方法可以使点击较低敏感(因此，即使是在下和向上事件之间的距离很小的变化也被确认为单击不刷卡(？

Answer 1

您只能使用QuerySelector首先获取swiper：

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

然后更改treshold：

mySwiper.threshold = 100;

它对我有用。就我而言，是Ionic2-Calendar，我的选择器看起来像这样：

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

Answer 2

ionic不列出了很多可用的选项，但是您可以在库中看到它们，即离子幻灯片使用：

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

设置触摸阈值为合理的值应有所帮助。

如果您对滑块有参考，则可以说this.slider.threshold = 100;

Answer 3

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