记录一次闭包解决的问题

场景：vue-awesome-swiper的点击事件中既要访问swiper的实例也要访问vue的实例（此时this只能访问到swiper的是对象）

解决方案: 利用闭包把vue的实例this当做参数传入点击事件参数

swiperOptionPicLunbo: {
  pagination: {
     el: '.swiper-pagination',
     clickable: true
   },
   touchMoveStopPropagation: true,
   loop: true,
   resistanceRatio: 0,
   observer: true,
   observeParents: true,
   autoplay: {
     delay: 3000,
     stopOnLastSlide: false,
     disableOnInteraction: false
   },
   preventLinksPropagation: false, // 阻止点击事件冒泡
   on: {
     //在loop:true模式下slides前后会复制若干个slide，从而形成一个环路，但是却不会复制绑定在dom上的click事件,所以点击事件写在这
     click: (function (that) {
       return function (event) {
         //这里this 指向的是 swpier 实例，而不是当前的 vue， 因此借助闭包，把vue的实例this当做参数传进来，来调用 methods 里的方法
         const realIndex = this.realIndex
         that.getList(that.lunboImgs[realIndex], realIndex)
       }
     })(this),
     // 回调函数，swiper从一个slide过渡到另一个slide结束时执行。
     slideChangeTransitionEnd () {
       // 在Loop模式下Swiper切换到指定slide。切换到的是slide索引是realIndex
       this.slideToLoop(this.realIndex, 0, false)
     }
   },
}