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