撒大声地对对对 发表于 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去拿到具体数据执行自己的逻辑
页: [1]
查看完整版本: 轮播图事件不能触发问题