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;
  }

 

上一篇:swiper基本使用


下一篇:通过Swiper网站使用轮播图的切换效果