Swiper 轮播图 点变数字

 html

  

   <swiper @change="changeSwiper" class="swiper-box"   :indicator-dots="indicatorDots" :autoplay="autoplay"
                        :interval="interval" :duration="duration" circular="true">
                        <!-- previous-margin="20px"   next-margin="20px" -->
                        <swiper-item v-for="(item, index) in lunbo" :key="index">
                            <view class="swiper-item">
                                <image class="image" :src="baseurls+item" mode="aspectFill" />
                            </view>
                        </swiper-item>
     </swiper>

//是这里 进行图片1/8 这样的显示

  

  <view class="swiper-concat-center">
                        <view class="concatStyle">
                            图片 {{imagesLength+1}}/{{lunbo.length}}
                        </view>
     </view>

 data

   indicatorDots: false, //去掉点
                
                autoplay: true,
                interval: 2000, //切换的间隔时间
                duration: 500, //滑动动画时长
imagesLength:'',
lunbo:[]

methods   

 changeSwiper(e) { //获取当前轮播图的  
                this.imagesLength = e.target.current
                // console.log(e.target.current, '当前图片 第几张')

            },