Swiper中文论坛

标题: vue-awesome-swiper回掉函数无效是怎么回事呢？ [打印本页]

作者: syz 时间: 2018-5-16 10:49
标题: vue-awesome-swiper回掉函数无效是怎么回事呢？
data () {
      return {
         title: '1/5' ,
         swiperOption: {
         // notNextTick是一个组件自有属性，如果notNextTick设置为true，组件则不会通过NextTick来实例化swiper，也就意味着你可以在第一时间获取到swiper对象，假如你需要刚加载遍使用获取swiper对象来做什么事，那么这个属性一定要是true
            notNextTick: true,
            direction : 'horizontal',
            grabCursor : true,
            setWrapperSize :true,
            autoHeight: true,
            pagination : '.swiper-pagination',
            paginationClickable :true,
            mousewheelControl : true,
            observeParents:true,
                  // onTransitionEnd(swiper){
                  //    alert(1)
                  //    alert(swiper.activeIndex) //切换结束时，告诉我现在是第几个slide
                  // },
                  onTransitionStart(swiper){
                  console.log(swiper)
                  },
                  onSlideChangeEnd: swiper => {
                     //这个位置放swiper的回调方法
                     this.page = swiper.realIndex+1;
                     this.index = swiper.realIndex;
                  }

         },
      }
},

作者: bm123 时间: 2018-9-29 16:59
我也是请求有办法解决吗

作者: 123ap 时间: 2019-1-8 10:29
前面加 <div class="swiper-container">
<div class="swiper-wrapper">用这个包裹着

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)