1. 问题场景
Swiper 组件采用衔接滑动的时候,会将轮播前后的图片进行复制,从而形成视觉上的循环滑动。但是在H5的时候,对内部子组件的点击事件并没有进行复制。这样就导致了前后两张图片虽然效果上实现了循环轮播,但是事件确失效了,这里就需要解决点击事件失效的问题。
2. 测试子组件的点击事件
- 在子组件 Image 上定义点击事件,并输出 image-banner;
- 在盒子上定义点击事件,并输出 content-banner;
- 测试原子组件和复制的子组件的点击事件执行效果。

3. 原子组件

可以看到,不管是子组件的事件还是盒子上的组件,都执行了输出。
4. 复制子组件