swiper两个轮播互相控制 / 做两个互相联系的轮播

html代码

<!-- 主要轮播 -->
        <div id="product-image-slides" class="swiper-container">
             <div class="swiper-wrapper">
                  <div class="swiper-slide" v-for="item in swiper">
                         <img :src="item">
                   </div>  
              </div>
        </div>
 <!-- 导航轮播 -->
         <div id="product-image-nav" class="swiper-container">
             <div class="swiper-wrapper">
                    <div class="swiper-slide" v-for="item in swiper">
                         <img :src="item">
                    </div>
              </div>
 <!-- 自定义翻页器-->
            <div class="swiper-prev"></div>
            <div class=&