每个tab选项卡里都是swiper轮播插件怎样分开控制左右箭头?

说实话这个问题就纠结我有几天了,这几天在解决bug就揪着这个问题一直在想办法,今天终于解决了。

简单描述一下我做的效果,就是三个tab切换,开始做的时候,只有第一个选项卡里面的左右箭头能动,后面两个选项卡不能切换,后来这么解决的:

每个tab选项卡里都是swiper轮播插件怎样分开控制左右箭头?_第1张图片


因为选项卡里都是swiper轮播效果,而且又是用左右箭头控制的,所以给每个swiper-container后面加一个类“-数字”,还有左右箭头同样加上一个类“-数字”(这里的类名随便你自己怎么取,但是对应的上面代码要改,最好是加数字,这样比较方便),原本的类名不动。还有这里用到了swiper.destroy()方法,大家可以去swiper官网文档查看这个方法的用法。希望能帮助到大家,有什么不懂的可以评论。我看到会及时回复。

你可能感兴趣的:(swiper,tab选项卡多个轮播图)