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