当我回到离子4中时，离子滑动不起作用

Question

自动播放滑块不工作

我尝试了所有的解决方案，从给定的堆栈溢出没有任何工作对我来说，我使用ionic4幻灯片

我正在尝试从过去的6天没有得到解决方案，请让我知道适当的解决方案，以便我可以解决这个问题

@ViewChild('sliderRef', { static:false }) slides: IonSlides;
option = {
slidesPerView: 1,
spaceBetween: 10,
centeredSlides: true,
speed:1000,
loop:true,
autoplay:{disableOnInteraction:false}
}
ionViewWillEnter(){
this.sliderThree =
{

slidesItems: [
{
id: "../../assets/images/market.jpg",
name:"Sumo"
},
{
id: "../../assets/images/mobile.jpg",
name:"Shelcal 500"
},
{
id: "../../assets/images/test.jpg",
name:"Orofer Xt"
},
]
};
this.slide.update();
}
async slideChange() {
console.log("method called");

this.slides.update();

}

<ion-slides [options]="option" #sliderRef (ionSlideDidChange)="slideChange()">
<ion-slide *ngFor="let item of sliderThree.slidesItems" style="width:90%;height:20vh;" (click)="labTest()">
<ion-card style="width:90%;height:20vh;
display:-webkit-box;
overflow:hidden;border:1px solid grey;"  >
<img [src]="item.id" style="width:100%;height:20vh;
display:-webkit-box;" alt="">
</ion-card>
</ion-slide>
</ion-slides>

Answer 1

有一个类似的问题，尝试手动启动ionViewDidEnter并在ionViewDidEnter上停止。

但首先从选项中删除循环和自动播放属性，如下所示:

option = {
slidesPerView: 1,
spaceBetween: 10,
centeredSlides: true,
speed:1000
}

然后像这样处理开始和停止:

ionViewDidEnter(){
this.slide.startAutoplay();
}
ionViewDidLeave(){
this.slide.stopAutoplay();
}

编辑:

如果你想让它在标签之间工作，然后使用自动播放选项，像这样:

option = {
slidesPerView: 1,
spaceBetween: 10,
centeredSlides: true,
speed:1000,
autoplay: {
delay: 1000,
disableOnInteraction: false
}
}