微信小程序实现轮播图可点击切换与滑动切换

这里主要用到了swiper的 current属性，写个点击按钮改变current的值就好了

<swiper
        class="screen-swiper round-dot"
        style="min-height: 600rpx"
        :indicator-dots="true"
        :circular="true"
        @change="swiperChange"
        :current="swiperIndex"
      >
        <swiper-item v-for="(item, index) in 5" :key="index">
          <view
            style="width: 100%; height: 600rpx"
            :class="
              index == 0 ? 'bg-green' : index == 1 ? 'bg-red' : 'bg-black'
            "
          >
          </view>
        </swiper-item>
      </swiper>
        <view class="btnTwo" @click="changeSwiper">下一步</view>

  changeSwiper() {
    this.swiperIndex++;
  }