AngularSwiperJS在将initialSlide初始化为非零值时,slideChange事件不起作用。
创始人
2024-10-29 17:00:30
0

通过使用Swiper实例的“activeIndex”属性作为初始值并将它设置为要开始的滑块的索引。然后,监听“ionSlidesDidLoad”事件并设置所需的slideChange回调函数。

以下是一个示例:

HTML:

Slide 1 Slide 2 Slide 3

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'); }

}

相关内容

热门资讯

黑科技辅助(aapoker能玩... 黑科技辅助(aapoker能玩)wpk德州总是有挂!太嚣张了竟然是有挂(2024已更新)(哔哩哔哩)...
黑科技辅助(Epoker外挂)... 黑科技辅助(Epoker外挂)AApOKER确实是有挂!太无语了原本是真的有挂(2023已更新)(哔...
黑科技美元局(德扑之星概率)x... 黑科技美元局(德扑之星概率)x-poker原来存在有挂!太嚣张了固有真的是有挂(2026已更新)(哔...
黑科技挂(wpk助手)wpk线... 1、黑科技挂(wpk助手)wpk线上先前真的有挂!太离谱了果然是有挂(2024已更新)(哔哩哔哩)。...
黑科技辅助挂(微扑克线上)微扑... 黑科技辅助挂(微扑克线上)微扑克俱乐部切实有挂!太离谱了总是有挂(2025已更新)(哔哩哔哩);致您...
黑科技攻略(wpk猫腻)微扑克... 黑科技攻略(wpk猫腻)微扑克德州原先是真的有挂!太嚣张了起初真的有挂(2022已更新)(哔哩哔哩)...
黑科技中牌率(WPK)AAPO... 黑科技中牌率(WPK)AAPOKER原生是有挂!太无语了总是是真的有挂(2023已更新)(哔哩哔哩)...
黑科技美元局(德州ai智能)f... 黑科技美元局(德州ai智能)fishpoker俱乐部素来真的有挂!太离谱了都是有挂(2021已更新)...
黑科技讲解(红龙扑克机制)众合... 黑科技讲解(红龙扑克机制)众合推扑克起初真的是有挂!太无语了最初是有挂(2022已更新)(哔哩哔哩)...
黑科技免费(wepoke免费)... 黑科技免费(wepoke免费)线上德州往昔有挂!太坑了从来是有挂(2024已更新)(哔哩哔哩);(需...