swiper里点击时灵时不灵的问题

遇到一个问题。swiper里放的几张图片，给图片加了点击事件时灵时不灵

<swiper :options="swiperOption" ref="mySwiper" id="loopsCom">
  <swiper-slide class="cls-item" v-for="(item, index) in imgList" :key="index">
    <img @click="clickItem" src="xxxxx.png" alt/>
  </swiper-slide>
  <div class="swiper-pagination" slot="pagination"></div>
</swiper>

swiper里有一个api可以获取到当前的index和真实的realIndex，可以解决这种问题

<swiper :options="swiperOption" ref="mySwiper" id="loopsCom" @click-slide="clickItem">
  <swiper-slide class="cls-item" v-for="(item, index) in imgList" :key="index">
    <img src="xxxxx.png" alt />
  </swiper-slide>
  <div class="swiper-pagination" slot="pagination"></div>
</swiper>

这边可以根据自己需要，看情况使用哪个index

clickItem(index, realIndex) {
  let item = this.imgList[index]
}