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

相关文章:

  • 2021-10-08
  • 2021-06-06
  • 2022-01-05
  • 2021-07-24
  • 2022-12-23
  • 2021-11-23
  • 2022-12-23
猜你喜欢
  • 2022-02-26
  • 2022-12-23
  • 2022-12-23
  • 2021-05-21
  • 2022-12-23
  • 2021-11-14
  • 2022-12-23
相关资源
相似解决方案