swiper在做圖片輪播時候還是蠻常見的，在使用過程中當設置為loop:true的時候，會發現輪播時候獲取到的aactiveIndex是錯亂的，原因是當給swiper設置了loop:true的時候，會自動在dom元素中重復生成第一張和最后一張填充到swiper-wrapper中，所以索引會和實際圖片輪播時候的索引值對應不上，這個時候只需要在每次輪播的時候，獲取到它的realIndex即可，因為realIndex是不算復制出來的那兩個dom元素索引的
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
vue——使用輪播組件swiper，設置 loop為true后，點擊事件失效及輪播索引錯亂問題
swiper使用loop后，無法獲取索引的問題
IOS下圖片不能顯示問題的解決辦法
解決 swiper設置loop為true時，echarts圖表不顯示
iOS 雜筆－如何解決tableview顯示錯亂問題
做微信公眾號時，移動端滑動效果（swiper插件（display：none））顯示滑動問題
非常優秀的swiper插件————幻燈片播放、圖片輪播
微信小程序 swiper 顯示圖片計數 當前/總數
解決微信小程序的wx-charts插件tab切換時的顯示會出現位置移動問題-tab切換時，圖表顯示錯亂-實現滑動tab
swiper獲取當前的index ( loop=true時，)