查看: 1639|回复: 0
打印 上一主题 下一主题

vue中使用swiper loop:ture不能点击

[复制链接]
  • TA的每日心情
    郁闷
    2019-7-31 09:55
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    3

    帖子

    24

    积分

    新手上路

    Rank: 1

    积分
    24
    跳转到指定楼层
    楼主
    发表于 2019-7-31 09:57:41 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    往回滑的时候,第一个图和最后一个轮播图不能点击

    <div class="swiper-wrapper">
         <div class="swiper-slide" v-for="site in list6" @click="href(site)">
          <img :src="site.img" >
         </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>


    <script>
        var swiper = new Swiper('.swiper-container', {
                spaceBetween: 20,
                slidesPerView: 1.2,
                centeredSlides: true,
                slideToClickedSlide: true,
                grabCursor: true,
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
                scrollbar: '.swiper-scrollbar',
                pagination: '.swiper-pagination',
                history: 'slide',
                loop : true,
                loopAdditionalSlides : 0,

           autoplay: {
                delay: 2000,
                disableOnInteraction: true,
              }
        });

      </script>

    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-9-27 06:51 , Processed in 0.087439 second(s), 28 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表