Comments (3)
swiperOption: {
notNextTick: true,
direction : 'horizontal',
initialSlide: 1,
loop:true,
onSlideChangeEnd:(swiper)=>{
console.log(swiper.realIndex);
},
onTap:(swiper)=>{
console.log(swiper.realIndex);
}
}
配置代码
from vue-awesome-swiper.
实测onSlideChangeEnd
回调函数始终可以得到真实的realIndex,未出现异常,若有问题,请继续反馈
from vue-awesome-swiper.
realIndex获取好像是有问题。
使用Dynamic Slides ( 动态加载 Slides )这个例子的代码。增加一下配置
loop: true, autoplay: { delay: 6000, stopOnLastSlide: false, disableOnInteraction: false }, on: { slideChangeTransitionEnd: function() { console.log(this.realIndex); } }
点击一下按钮Append Slide,滑动滑块,就可以看到控制台打印的realIndex,初始化的几个是对的,动态加上去的那个slide对应的realIndex是错的。
from vue-awesome-swiper.
Related Issues (20)
- Swiper does not re-render when the swiperOptions state change on IOS app
- The misuse of path of swiper.css causes the dependency was not found HOT 1
- swiper-pagination not show HOT 1
- loop+slidesPerView
- when slidesPerView is auto,use virtual errors HOT 1
- Can't resolve 'swiper/swiper-bundle.css'
- Nuxt 3 Support HOT 2
- Local Registration failed while global Registration succeeded
- Is swiper 7 currently supported ? HOT 2
- How to use stopOnLastSlide property?
- vue 2 swiper7 vue-awesome-swiper effect没有效果
- swiper7 allowSlideNext unable???
- How to modify the default value HOT 1
- Is vue3.0 supported? HOT 3
- cube effect ios is not click
- 更 HOT 1
- Vue-awesome-swiper on the Macbook, Monterey 12.2.1, M1 HOT 1
- To make it more accessible we should have the option to use ul and li as the tags for the slider and the slider items HOT 1
- Can't install vue-awesome-swiper 4.1.1 HOT 1
- IOS下轮播图在返回滑动的时候,图片显示当前激活图片但是随后又会跳转到上一张
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-awesome-swiper.