vue swiper 滑動切換slide時,導致setInterval卡頓,附帶解決方法

 具體現象如下圖,可以看到,每次滑動slide或者通過導航箭頭切換slide的時候,上方的倒計時總是在slide結束後卡頓0.3s左右的時間。

 在導航箭頭上,在每次執行slide滑動後,都有一個v-show的判斷是否到達slide的盡頭,然後分別決定他們是否顯示。我的部分代碼如下圖,我會將一些相關的圈出來:

在圖中,紅框部分是用來判斷導航箭頭是否顯示的 ,我發現在這裏他們會導致動圖中的倒計時卡頓問題,具體原因我暫時還不清楚。解決辦法就是,不使用這種方法去判斷,使用swiper中的disabledClass屬性讓swiper自己去決定箭頭是否顯示,修改後圖下圖所示,解決上述出現的卡頓問題

 該api的鏈接地址:https://www.swiper.com.cn/api/navigation/240.html 可查看具體使用方法

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章