版權聲明:本文為博主原創文章,遵循 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