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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值