vue swiper 滑动切换slide时，导致setInterval卡顿，附带解决方法

本文主要是介绍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 可查看具体使用方法

这篇关于vue swiper 滑动切换slide时，导致setInterval卡顿，附带解决方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---