这篇博客介绍了如何在初始化Swiper时设置`observer: true`，以便在修改Swiper自身或其子元素时自动重新初始化。同时，通过设置`observeParents: false`和`watchSlidesVisibility: true`，可以确保只在Swiper内部变化时更新，并监控滑动的可见性。此外，还配置了导航按钮以实现前后滑动功能。
初始化时设置observe:true，当修改swiper自己或子元素时，自动初始化swiper
this.swiper = new Swiper(templateThumbs, {
spaceBetween: 10,
slidesPerView: 5,
slidesPerGroup: 5,
observer: true, // 修改swiper自己或子元素时，自动初始化swiper
observeParents: false, // 修改swiper的父元素时，自动初始化swiper
watchSlidesVisibility: true,
watchSlidesProgress: true,
navigation: {
nextEl: templateNext,
prevEl: templatePrev
}
})
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
