使用swiper3实现旋转木马的遇到的连接点击错误问题

问题描述:
公司在活动日推出首页轮播图公告,想要通过swiper来实现旋转木马,但是实现旋转木马后,点击图片时,发现个别图片跳转有问题。(公司的连接都是通过特殊的函数处理,因为是在小程序的环境下,连接跳转的方式不一样)
问题分析:
通过监听连接的@click.prevent事件(就是在连接转换函数添加console.log代码),并且直接添加onclick事件(排除vue的问题),进过多次测试,发现有些图片经过了连接转换函数和onclick事件,但是个别并没有,仿佛没有事件,直接使用超链接的默认跳转,通过查阅官方文档,发现当你定义loop时,swiper会clone第一张图片,想起以前也碰到过此类问题,问题的原因是没有没有clone事件,只是cloneDOM节点
解决问题:
抛弃直接使用a标签,直接使用swiper的onClick事件,当然,连接通过data-属性进行获取
这里写图片描述 问题解决。