syz 发表于 2018-5-16 10:49:48

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:31

我也是请求有办法解决吗

123ap 发表于 2019-1-8 10:29:39

前面加        <div class="swiper-container">
                                                        <div class="swiper-wrapper">用这个包裹着
页: [1]
查看完整版本: vue-awesome-swiper回掉函数无效是怎么回事呢？