在ionic5 ion-slide中转到你想要的幻灯片页面

Question

<ion-content>
  <ion-slides>
    <ion-slide *ngFor="let d of data">
      <ion-grid>
        <ion-row class="contents">
          <ion-col class="no">{{d.index}}</ion-col>
          <ion-col class="title">{{d.title}}</ion-col>
        </ion-row>
      </ion-grid>
    </ion-slide>
  </ion-slides>
</ion-content>

在离子幻灯片上单击按钮是否可以跳转到我想要的页面上的幻灯片？

例如，共有15张幻灯片。

我在第 1 张幻灯片上，我想在单击按钮时立即跳转到第 10 张幻灯片。该功能是可实现的功能吗？

如果某项功能可行，请告诉我如何实现。

(ps。如何通过给slide加id值去id？)

Answer 1

在幻灯片组件上使用 api slideTo https://codesandbox.io/s/awesome-jackson-l30so?file=/src/About.vue

在ionic5 ion-slide中转到你想要的幻灯片页面

Go to the slide page you want in ionic5 ion-slide

slide

swiper

ionic-framework

ionic5