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

}

相关内容

热门资讯

透视脚本!德普之星辅助器(透视... 透视脚本!德普之星辅助器(透视)私人局辅助免费(一贯有挂)1、让任何用户在无需德普之星辅助器AI插件...
透视脚本!aapoker辅助工... 透视脚本!aapoker辅助工具安全吗(透视)插件下载(总是有挂)1、在aapoker辅助工具安全吗...
透视线上!德普之星透视辅助(透... 透视线上!德普之星透视辅助(透视)透视(竟然真的有挂)1、进入到德普之星透视辅助黑科技之后,能看到左...
透视智能ai!aapoker辅... 透视智能ai!aapoker辅助工具安全吗(透视)透视插件(总是存在有挂)1、不需要AI权限,帮助你...
透视教程!德普之星辅助器(透视... 透视教程!德普之星辅助器(透视)免费透视(原来是有挂);1、德普之星辅助器系统规律教程、德普之星辅助...
透视游戏!aapoker免费透... 透视游戏!aapoker免费透视脚本(透视)透视脚本(一直有挂);1、上手简单,内置详细流程视频教学...
透视规律!德普辅助软件(透视)... 透视规律!德普辅助软件(透视)私人局辅助免费(切实有挂)1、下载好德普辅助软件辅助软件之后点击打开,...
透视脚本!aapoker脚本(... 透视脚本!aapoker脚本(透视)发牌逻辑(原来存在有挂)透视脚本!aapoker脚本(透视)发牌...
透视存在!德普之星透视(透视)... 透视存在!德普之星透视(透视)透视免费(真是存在有挂)1、超多福利:超高返利,海量正版游戏,德普之星...
透视科技!aapoker辅助器... 透视科技!aapoker辅助器怎么用(透视)辅助(原来真的是有挂)1、起透看视 aapoker辅助器...