H-Log
[vue] vue awesome swiper 현재 index값 찾기 본문
반응형
ref에 스와이퍼의 이름을 부여해준다
@slideChange에 함수를 불러온다
<swiper :options="compareSwiperOption" ref="mySwiper" @slideChange="slideChange">
함수에서는 this.$refs.mySwiper.$swiper.activeIndex 를 사용해서 현재 인덱스를 불러올 수 있다~
slideChange() {
console.log(this.$refs.mySwiper.$swiper.activeIndex)
}
반응형
'dev-log > vue·nuxt.js' 카테고리의 다른 글
| nuxt에서 기종 구별하기 (0) | 2022.07.13 |
|---|---|
| [vue / nuxt] nuxt에서 cookie set, get하기 (0) | 2022.06.10 |
| [vue, nuxt] 형제 컴포넌트간 데이터 전송 (0) | 2022.05.13 |
| [nuxt/scss] scss 변수 저장 파일을 전역에 import하기 (0) | 2022.05.12 |
| [vue, nuxt] filter를 이용해 4자리 숫자 중 빈 자릿수를 0으로 채우기 (0) | 2022.05.10 |
Comments