Swiper中文论坛

标题: 轮播图事件不能触发问题 [打印本页]

作者: 撒大声地对对对 时间: 2021-9-26 10:37
标题: 轮播图事件不能触发问题
我有两张图需要轮播，每张轮播图上有鼠标移入移出事件，使用swiper后他克隆了第一张图，但是第一张图没有我自己写的事件，导致每次转到这张图的时候，鼠标事件不能触发

作者: sakura3012 时间: 2021-10-6 14:42
就是不使用vue中的@：click进行操作，而是在swiper的回调函数中直接操作DOM，这样就可以很好的解决这一问题
  zoom: true, //开启缩放功能
      on: {
         click(e) {
            let productId = e.target.dataset.itemid;
            _this.productDetails(productId);
         }
      }

作者: stylish 时间: 2021-11-2 16:07
可以直接给swiper根组件添加鼠标的移入和移除事件，事件触发后动态获取当前swiper实例的realIndex，在通过realIndex去拿到具体数据执行自己的逻辑

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)