vue-awesome-swiper 中 点击事件无效处理方案

论坛 期权论坛 脚本     
匿名技术用户   2021-5-2 21:54   11   0

最新做项目使用了 vue-awesome-swiper(3.1.3版本)轮播插件

在使用loop模式下 动态循环数据 点击事件不起作用 通过查看api loop模式下会在slides前后复制若干个 slide 但是这个复制只是针对 dom 不会带上事件的 所以不能在dom上 直接绑定事件 绑定则无效

处理方案:如下图

上图中 我的vm怎么获取呢 我们可以在顶层定一个 var vm=null

然后在钩子created下 复制 vm=this;此时vue实例就指向了 vm;

有了 realIndex 这个下标 剩下的处理 就可以在 this.handleClickSlide(realIndex)这个方法里面进行了 .......

听明白了吗 不明白可以评论联系我 ......

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP