vue-awesome-swiper 中 点击事件无效处理方案
最新做项目使用了vue-awesome-swiper(3.1.3版本)轮播插件在使用loop模式下 动态循环数据 点击事件不起作用 通过查看api loop模式下会在slides前后复制若干个 slide 但是这个复制只是针对 dom 不会带上事件的 所以不能在dom上 直接绑定事件 绑定则无效处理方案:如下图上图中 我的vm怎么获取呢 我们可以在顶层定...
·
最新做项目使用了 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)