swiper插件在使用無限輪播的時候,會出現一種自動輪播一輪之后無法點擊的情況,造成這種情況的原因是:swiper的無限輪播時會自動復制第一個和最后一個頁面進行輪播。但由於只復制頁面沒有復制點擊事件,此時我們用vue寫的點擊事件在頁面循環一周回來遇到復制的頁面時,點擊事件就會失效。
解決的方法:通過swiper自己的監聽點擊方法來實現
如下圖:




swiper插件在使用無限輪播的時候,會出現一種自動輪播一輪之后無法點擊的情況,造成這種情況的原因是:swiper的無限輪播時會自動復制第一個和最后一個頁面進行輪播。但由於只復制頁面沒有復制點擊事件,此時我們用vue寫的點擊事件在頁面循環一周回來遇到復制的頁面時,點擊事件就會失效。
解決的方法:通過swiper自己的監聽點擊方法來實現
如下圖:




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