vue.js处理swiper.js在loop模式下点击事件bug

问题:

swiper在loop状态，第一页往前翻的那一页，以及最后一页往后翻的那一页点击跳转链接无效。

问题分析:

loop模式下，swiper插件会复制第一个 swipe和最后一个swipe，即存在n+2个swipe，由于多处的两个swipe是由插件生成的dom，并非虚拟dom，我们绑定的onClick事件并不会绑定到这两个swipe上去。

解决方法:

不要在dom上绑定click事件，使用swiper的onclick回调函数就可以解决了。

回调

参考资料:https://3.swiper.com.cn/api/callbacks/2015/0308/225.html