發(fā)現(xiàn)iview 輪播組件一個很奇怪的問題，在輪播的時候，會交替出現(xiàn) 寫在輪播中的@click事件無法執(zhí)行

<template>
    <div class="boxdiv">
      <Carousel v-model="value1" loop>
        <CarouselItem class="car">
            <div class="demo-carousel">
              <div class="test" @click="abc">1</div>
            </div>
        </CarouselItem>
        <CarouselItem>
            <div class="demo-carousel">2</div>
        </CarouselItem>
    </Carousel>
    </div>
</template>
<script>
    export default {
        data () {
            return {
                value1: 0
            }
        },
        methods:{
          abc(){
            console.log(11111);
          }
        }
    }
</script>
<style lang="less">
.boxdiv {
  height: 600px;
  .demo-carousel {
    width: 100%;
    height: 500px;
    background-color: #fff;
    .test {
      width: 50px;
      height: 50px;
      margin: 0 auto;
      background-color: red;
    }
  }
}
</style>

這是復(fù)制自Carousel 走馬燈 iview的輪播組件，我在其中一個CarouselItem 中添加了一個div 并且綁定了@click事件，每次輪播到這個CarouselItem 的時候，點(diǎn)擊里面的div上的click事件，會出現(xiàn)交替無法點(diǎn)擊的情況
希望有大佬試試這個現(xiàn)象，我不確定是我寫法上的問題，還是組件自身的問題