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

}

相关内容

热门资讯

透视教学!wpk作弊,wpk模... 透视教学!wpk作弊,wpk模拟器是什么,必赢方法(有挂细节);1、超多福利:超高返利,海量正版游戏...
透视代打!hhpoker一直输... 透视代打!hhpoker一直输有挂吗,hhpoker辅助挂,安装教程(有挂细节);1、让任何用户在无...
透视挂透视!wpk辅助插件,w... 透视挂透视!wpk辅助插件,wpk系统是否存在作弊行为,AI教程(有挂脚本)wpk系统是否存在作弊行...
透视黑科技!hhpoker有没... 透视黑科技!hhpoker有没有辅助,德州局怎么透视,解密教程(有挂脚本)1、构建自己的hhpoke...
透视app!wpk有作弊吗,w... 透视app!wpk有作弊吗,wpk辅助器是真的吗,2025教程(有挂介绍);1、透视app!wpk有...
透视教学!德扑HHpoker有... 透视教学!德扑HHpoker有挂吗,hhpoker软件可以玩吗,AI教程(有挂方法)1、金币登录送、...
透视辅助!wpk模拟器多开,w... 透视辅助!wpk模拟器多开,wpk辅助软件,微扑克教程(有挂细节)一、wpk模拟器多开软件透明挂的定...
透视好牌!hhpoker作弊码... 透视好牌!hhpoker作弊码怎么用,hhpoker作弊码,2025新版总结(有挂方法)运hhpok...
透视了解!购买的wpk辅助在哪... 透视了解!购买的wpk辅助在哪里下载,wpk私人局辅助是真的吗,AI教程(有挂方法)1、操作简单,无...
透视科技!hhpoker有作弊... 透视科技!hhpoker有作弊的吗,hhpoker哪个俱乐部靠谱,教你攻略(有挂工具)1、让任何用户...