微信小程序开发文档-组件-swiper后面追加的新闻如上图所示;
如果在bindchange事件给swiper的current属性对应的值{{current}}赋值,就会造成抖动现象。
1 bindchangeSwiper(event) { 2 console.log(event.detail); 3 this.setData({ 4 current: event.detail.current 5 }) 6 },
可是有的时候我们确实需要动态获取当前的swiper-item索引,用来额外做一些其他操作;
为了解决这个问题,我们需要额外定义一个变量。
1 current: 0, // swiper初始对应的swiper-item 2 currentIndex: 0, // 用来记录当前swiper对应的索引index
1 bindchangeSwiper(event) { 2 this.setData({ 3 currentIndex: event.detail.current 4 }) 5 },
这样问题解决啦!
原文地址:https://www.cnblogs.com/lml2017/p/10395335.html
时间: 2024-11-10 02:26:48