swiper中点击事件失效

swiper插件在使用无限轮播的时候,会出现一种自动轮播一轮之后无法点击的情况,造成这种情况的原因是:swiper的无限轮播时会自动复制第一个和最后一个页面进行轮播。但由于只复制页面没有复制点击事件,此时我们用vue写的点击事件在页面循环一周回来遇到复制的页面时,点击事件就会失效。

解决的方法:通过swiper自己的监听点击方法来实现

如下图:

 

 

 

posted @ 2021-10-12 16:46  大云之下  阅读(1302)  评论(0编辑  收藏  举报
大云之下