使用swiper实现上面图片转换,下面信息联动(避坑)
使用swiper实现上面图片转换,下面信息联动(避坑)
第一次在vue框架下使用swiper,真的是处处踩坑,在经过一番尝试之下,最终终于成功实现想要的效果。
需要注意的几点:
1.获取当前正在切换的activeIndex,不要自己写方法手动获取,可以直接使用swiper自带的api
2.注意在loop模式下和非loop模式下获取到的activeIndex的区别,在loop模式下是realIndex,在非loop模式下是activeIndex
3.一定要在获取数据后再去初始化swiper配置,否则导致失效。
原创
2020-11-13 09:04:37 ·
850 阅读 ·
0 评论