轮播图事件不能触发问题

撒大声地对对对 · 发表于 2021-9-26 10:37:57

我有两张图需要轮播，每张轮播图上有鼠标移入移出事件，使用swiper后他克隆了第一张图，但是第一张图没有我自己写的事件，导致每次转到这张图的时候，鼠标事件不能触发

sakura3012 · 发表于 2021-10-6 14:42:59

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

stylish · 发表于 2021-11-2 16:07:58

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