html代碼：

<div class="swiper-container swiper-container1">   <!--使用swiper-container1類名，加以區(qū)分容器-->
        ......
        <div class="swiper-pagination swiper-p1"></div>   <!--使用swiper-p1類名，加以區(qū)分分頁符-->
</div>  
<div class="swiper-container visible-xs-block swiper-container2">  
        ......
      <div class="swiper-pagination swiper-p2"></div>  
 </div> 

js代碼：

var swiper = new Swiper('.swiper-container1', {   // 區(qū)分容器
        pagination: '.swiper-p1',   // 區(qū)分分頁符
        direction: 'vertical',  
        slidesPerView: 1,  
        paginationClickable: true,  
        spaceBetween: 0,  
        mousewheelControl: true  
    });  
      
    var swiper2 = new Swiper('.swiper-container2', {   // 區(qū)分容器
        pagination: '.swiper-p2',  // 區(qū)分分頁符
        direction: 'vertical',  
        slidesPerView: 1,  
        paginationClickable: true,  
        spaceBetween: 0,  
        mousewheelControl: true  
    });  

這樣就解決了，當(dāng)同一個頁面中多個swiper存在時，互相影響的問題。