vue实现简单轮播组件

vue实现简单轮播组件

组件HTML代码

  <div class="banner">
    <div
      class="swiperList"
      v-for="(item, index) in imgUrl"
      :key="index"
      v-show="currentindex == index"
    >
      <a href="">
        <img :src="item.src" alt="" />
      </a>
    </div>
    <div class="dots">
      <span
        class="dot"
        v-for="(item, index) in imgUrl"
        :key="index"
        @click="dotClick(index)"
        :class="index == currentindex ? 'active' : ''"
      ></span>
    </div>
  </div>
</template>

功能代码

<script>
// import banner from "../../assets/i