Vue里使用swiper不能自動輪播問題


版權聲明:本文為博主原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。
本文鏈接:https://blog.csdn.net/weixin_42412046/article/details/80804094
Vue項目里使用vue-awesome-swiper組件,其配置通swiper官網配置,但是在實際項目里使用autoplay:3000 並不能實現自動輪播的效果,后來研究發現是需要把autoplay:true能實現這樣的效果

      swiperOption: {
        //以下配置不懂的,可以去swiper官網看api,鏈接http://www.swiper.com.cn/api/
        // notNextTick是一個組件自有屬性,如果notNextTick設置為true,組件則不會通過NextTick來實例化swiper,也就意味着你可以在第一時間獲取到swiper對象,<br data-filtered="filtered">        假如你需要剛加載遍使用獲取swiper對象來做什么事,那么這個屬性一定要是true
        notNextTick: true,
        // swiper configs 所有的配置同swiper官方api配置
        autoplay: true,
        speed:1000,
        setWrapperSize: true,
        autoHeight: true,
        pagination: ".swiper-pagination",
        paginationClickable: true,
        mousewheelControl: true,
        observeParents: true,
        // 如果自行設計了插件,那么插件的一些配置相關參數,也應該出現在這個對象中,如下debugger
        debugger: true,
        loop : true,
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev"
        },
        pagination: {
          el: ".swiper-pagination",
          clickable: true
        }
      }

 


————————————————
版權聲明:本文為CSDN博主「sun6sian」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_42412046/article/details/80804094


免責聲明!

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



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