首页 > 其他 > 详细

vue使用swiper时需要注意鼠标onmouse事件

时间:2021-03-06 10:38:26      阅读:162      评论:0      收藏:0      [点我收藏+]

我使用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;
  }

 

vue使用swiper时需要注意鼠标onmouse事件

原文:https://www.cnblogs.com/hmy-666/p/14489495.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!