vue使用swiper時需要注意鼠標onmouse事件


我使用swiper的時候使用onmouseout,onmousein時會報錯,后來發現沒加分頁器,加了分頁器就不會了,加上分頁器后可以給分頁器加上opacity:0,這樣就可以解決問題了。

this.Swiper3 = mySwiper = new Swiper('.swiper-container2', {
            // direction:'vertical',
            effect: 'coverflow',
            loop: true, // 循環模式選項 
            // 分成的等分
            slidesPerView: 7,
            spaceBetween: 10,
            grabCursor: true,
//分頁器 pagination: { el: '.swiper-pagination', }, autoplay: { delay: 2000, disableOnInteraction: false, //用戶觸摸后靜止關閉 } })

 

 <!-- 必須設置分頁器,否則鼠標懸停控制台報錯 -->
          <div class="swiper-pagination myPagination"></div>
//css
.myPagination {
    opacity: 0;
  }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM