swiper 绑定点击事件 向前滑动后 点击失效处理

不算是新问题了 只是想记录下 因为我发现有人还在关注我的博客  所以分享一下

一般我们写点击事件 都习惯绑定在 标签上   如上图 

不过 如果结合swiper后  你会发现 swiper生成后  如果loop模式 那么 你上来想左滑动（也就是向前滑动，行为虽然不符合操作习惯）你会发现 图片的点击事件 是无效的  

这是因为 swiper的无限轮播时会自动复制第一个和最后一个页面进行轮播。但由于只复制页面没有复制点击事件，此时我们用vue写的点击事件在页面循环一周回来遇到复制的页面时，点击事件就会失效。

所以 我们只有利用new swiper时 去绑定点击事件

这样就解决了这个问题

如果你觉得我帮到你了，买个肥宅快乐水，怎么样？哈哈哈哈哈哈