1663223094141.gif

       <swiper ref="swipers" class="swiper" :options="swiperOptions">
                <swiper-slide class="slide1">
                    <div class="slide1-title">
                        <img src="./images/title@2x.png" alt="">
                    </div>
                    <div class="goodsItem" @click="navTo(1478,759)"
                        style="background:url('./images/1@2x.webp') no-repeat;background-size:100% 100%;">
                        <div class="goosdName">iPhone 14</div>
                        <div class="goosdLabel">国行正品丨顺丰寄出</div>
                        <div class="goosdPrice">14.52/天 <span>立即抢租</span> </div>
                    </div>
                    <div class="goodsItem" @click="navTo(1479)"
                        style="background:url('./images/2@2x.webp') no-repeat;background-size:100% 100%;">
                        <div class="goosdName">iPhone 14 Plus</div>
                        <div class="goosdLabel">国行正品丨顺丰寄出</div>
                        <div class="goosdPrice">15.53/天 <span>立即抢租</span> </div>
                    </div>
                    <div class="goodsItem" @click="navTo(1476)"
                        style="background:url('./images/3@2x.webp') no-repeat;background-size:100% 100%;">
                        <div class="goosdName">iPhone 14 Pro</div>
                        <div class="goosdLabel">国行正品丨顺丰寄出</div>
                        <div class="goosdPrice">17.75/天 <span>立即抢租</span> </div>
                    </div>
                    <div class="goodsItem" @click="navTo(1477)"
                        style="background:url('./images/4@2x.webp') no-repeat;background-size:100% 100%;">
                        <div class="goosdName">iPhone 14 Pro Max</div>
                        <div class="goosdLabel">国行正品丨顺丰寄出</div>
                        <div class="goosdPrice">19.97/天 <span>立即抢租</span> </div>
                    </div>
                </swiper-slide>
                <swiper-slide class="slide1">
                    <div class="slide1-title" @click="goVip">
                        <img src="./images/title2@2x.png" alt="">
                    </div>
                    <div class="coupon" @click="goVip">
                        <img src="./images/11@2x.webp" alt="">
                    </div>
                    <div class="coupon" @click="goVip">
                        <img src="./images/12@2x.webp" alt="">
                    </div>
                    <div class="coupon" @click="goVip">
                        <img src="./images/13@2x.webp" alt="">
                    </div>
                    <div class="coupon" @click="goVip">
                        <img src="./images/14@2x.webp" alt="">
                    </div>
                </swiper-slide>
            </swiper>

     swiperOptions: {
                on: {
                    // 监听swiper滑动 获取索引
                    slideChange: () => {
                        this.num = this.$refs.swipers.swiper.realIndex
                    }
                }
            },

swiper 跳转指定页面slideTo

this.$refs.swipers.swiper.slideTo(2);