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

}

相关内容

热门资讯

科技通报!黑侠破解wepoke... 科技通报!黑侠破解wepoker(辅助挂)确实有挂(有挂存在辅助器)1、完成有辅助插件,帮助玩家取得...
科普分享!wepoker买钻石... 科普分享!wepoker买钻石有用吗(辅助挂)其实真的有挂(有挂技巧辅助脚本)1、不需要AI权限,帮...
揭秘!hhpoker有没有作弊... 揭秘!hhpoker有没有作弊辅助(辅助挂)一贯真的是有挂(有挂讲解辅助插件)1、点击下载安装,脚本...
传递经验!pokemmo内置修... 传递经验!pokemmo内置修改器(辅助挂)总是存在有挂(有挂透明挂辅助app);透视方法中分为三种...
每日必看!wepoker买钻石... 每日必看!wepoker买钻石有用吗(辅助挂)原来真的是有挂(有挂辅助辅助脚本)1、该软件可以轻松地...
揭秘几款!德普之星透视辅助插件... 揭秘几款!德普之星透视辅助插件(辅助挂)好像是有挂(有挂技巧辅助app)1、许多玩家不知道辅助怎么退...
每日必备!wepoker怎么破... 每日必备!wepoker怎么破解游戏(辅助挂)确实存在有挂(有人有挂辅助攻略)1、免费脚本咨询教程、...
实操分享!hardrock透视... 实操分享!hardrock透视工具(辅助挂)都是是真的有挂(的确有挂辅助攻略)1、透视辅助软件激活码...
揭秘几款!wepoker免费脚... 您好,这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在这款游戏中打...
分享开挂内幕!哈糖大菠萝有挂吗... 分享开挂内幕!哈糖大菠萝有挂吗5个常用方法(辅助挂)本来是真的有挂(有挂分享辅助技巧)1、实时透视辅...