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

Posted 2023-03-21

【中文标题】在 ionic5 ion-slide 中转到您想要的幻灯片页面

【英文标题】：Go to the slide page you want in ionic5 ion-slide

【发布时间】：2021-12-08 19:34:42

【问题描述】：

<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.如何通过给幻灯片添加id值去id？)

【问题讨论】：

也许滑块不是您想要的。

我想用幻灯片制作电子书表格。

您可以使用 ngif 切换幻灯片的可见性。当用户单击按钮时，所有其他幻灯片都将关闭可见性，只有需要的幻灯片打开可见性。

【参考方案1】：

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