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

}

相关内容

热门资讯

透视能赢!丽水都莱大菠萝脚本辅... 透视能赢!丽水都莱大菠萝脚本辅助(透视)poker world辅助器(2026新版教程有挂技术)【无...
玩家必看分享!功夫川嘛辅助器如... 功夫川嘛辅助器如何下载安装是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要的用户...
实测教程!wepoker透视底... 您好:这款wepoker有辅助功能吗游戏是可以开挂的,确实是有挂的,很多玩家在这款wepoker有辅...
终于知道!潮友会插件(透视)h... 终于知道!潮友会插件(透视)hhpoker德州牛仔视频(揭秘攻略有挂助手);无需打开直接搜索打开薇:...
重大通报!上饶中至插件下载(透... 重大通报!上饶中至插件下载(透视)拱趴大菠萝有什么挂(可靠教程有挂方略);亲,拱趴大菠萝有什么挂这款...
重大发现!下载微乐小程序自建房... 重大发现!下载微乐小程序自建房透视(透视)大菠萝免费辅助器(新2026版有人有挂);无需打开直接搜索...
关于!新道游智能辅助器(透视)... 关于!新道游智能辅助器(透视)wepoker有没有挂(揭秘教程有挂实锤);打开点击测试直接进入微信(...
透视插件!皮皮衡阳辅助(透视)... >>您好:hhpoker俱乐部是干嘛的确实是有挂的,很多玩家在这款hhpoker俱乐部是干嘛的游戏中...
一分钟揭秘!潮汕掌上娱辅助器小... 一分钟揭秘!潮汕掌上娱辅助器小说(透视)拱趴游戏破解器(新版2026教程有挂分析)1、下载安装好潮汕...
分享认知!兴动互娱辅助脚本(透... 分享认知!兴动互娱辅助脚本(透视)hhpoker怎么开透视(新2026版新版有挂);无需打开直接搜索...