VUE使用Swiper插件

在vue项目中,使用swiper插件,使用回调函数,在数据中定义swiperOption对象,在对象中调用swiper的回调函数

data () {
    return {
      realIndex: 0,
      swiperOption: {
        // 获取当前版块的index
        onSlideChangeEnd: () => {
          // this指向vm
          let swiper = this.$refs.mySwiper.swiper
          this.realIndex = swiper.realIndex
        },
        // 滑动到最后一个版块,触发回调函数
        onReachEnd: () => {
          this.realIndex = 999
        }
      }
    }
  },
    原文作者:李佳臣
    原文地址: https://segmentfault.com/a/1190000017393415
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞