导航回页面时，Ionic Slides 自动播放停止工作

Question

我正在创建一个离子应用程序，其中我添加了自动播放滑块，在应用程序主页中显示客户的故事。主页中有各种卡片，点击这些卡片，用户将导航到相应的页面。现在，当返回主页时，滑块自动播放停止。 以下是我的代码的基本 sn-p。

<ion-slides autoplay="2000" loop="true" speed="3000" class="slides" pager="true">
    <ion-slide>
        <img src="assets/img/slide1.jpg">
    </ion-slide>
    <ion-slide>
        <img src="assets/img/slide2.jpg">
    </ion-slide>
    <ion-slide>
        <img src="assets/img/slide3.jpg">
    </ion-slide>
</ion-slides>

我在ionicViewDidEnter() 函数上尝试过update() 和startAutoplay() 等内置滑块方法

ionViewDidEnter(){
    console.log("View Entered");
    this.slides.update(); // or this.slides.startAutoplay()
}

但它们都不起作用。带有代码的描述性答案将对我的理解和将来的参考很有帮助。谢谢

Answer 1

我遇到了完全相同的问题。在寻找解决方案时，我发现了您的问题。几分钟后我得到了解决方案，希望对您有所帮助。

在 ionViewWillLeave() 上，停止自动播放，然后在 ionViewDidEnter() 上重新开始。

ionViewWillLeave()

 ionViewWillLeave(){
    this.slides.stopAutoplay();
  }

ionViewDidEnter()

  ionViewDidEnter() {
    this.slides.startAutoplay();
  }

希望对你有帮助。