通过使用Swiper实例的“activeIndex”属性作为初始值并将它设置为要开始的滑块的索引。然后,监听“ionSlidesDidLoad”事件并设置所需的slideChange回调函数。
以下是一个示例:
HTML:
TS:
import { Component, ViewChild } from '@angular/core'; import { IonSlides } from '@ionic/angular'; import Swiper from 'swiper';
@Component({ selector: 'app-home', templateUrl: 'home.page.html', styleUrls: ['home.page.scss'], }) export class HomePage {
@ViewChild(IonSlides) slides: IonSlides;
private swiper: Swiper;
ionViewDidEnter() { this.slides.length().then(length => { this.swiper = new Swiper('.swiper-container', { initialSlide: 1, // Set initial slide index to 1 }); this.swiper.slideTo(1); // Manually move to the desired slide }); }
ionSlidesDidLoad() { this.slides.getActiveIndex().then(index => { this.swiper.on('slideChange', () => { this.onSlideChange(); }); }); }
onSlideChange() { console.log('Slide changed'); }
}