0

使用swiper插件的时候,将loop设置为true 然后通过activeIndex获取活动块的索引。我一共有3个活动块,第一个活动块activeIndex为1 直接滑到第三个activeIndex为0 时当我从第三个活动块滑动到第一个时发现activeIndex为4 求救~! 这种情况要怎么办啊大佬们~

xinbear 174
2017-12-11 提问

查看全部 2 个回答

1

this.mySwiper = new Swiper('.swiper-container', {

  loop: true,
  grabCursor: true,
  centeredSlides: true,
  slidesPerView: 'auto',
  effect: 'coverflow',
  resistanceRatio: 0,
  coverflowEffect: {
    rotate: 0, // 滑动时旋转角度
    stretch: 100, // 聚合宽度
    depth: 100, // 景深
    modifier: 1, // 覆盖叠加层数
    slideShadows: false, // 是否阴影
  },
  onTouchEnd: (swiper) => {
   // 滑动过快 获取不到realIndex和activeIndex 解决方法
    setTimeout(() => {
      this.setState({
        itemData: this.props.datas[swiper.realIndex],
      });
    }, 100);
  },

  // 如果需要前进后退按钮
  nextButton: '.swiper-button-next',
  prevButton: '.swiper-button-prev',

});

推荐答案

5

已采纳

用realIndex

推广链接