swiper 绑定点击事件 点击失效处理

 

1、

问题：react使用swiper3插件实现banner轮播，其中有个banner图有个click点击事件，而其他的是页面跳转。出现了一个问题：

就是向右滑动到该帧时的swiper，点击时未触发react的onClick方法。

参考文章地址：https://www.cnblogs.com/wuhairui/p/9343846.html

错误示范

组件初始化一个banner数组

render中渲染出轮询banner，并给每个banner绑定一个onClick事件，传入参数i

绑定的方法：点击后执行弹出当前为第几个banner

使用Swiper对象，初始化为轮播图