说明:在一个html页面中,使用了Vue渲染数据,使用swiper做了相应的效果,但是发现当数据渲染完成时,我之前利用swiper做的效果不生效了
原因:当数据渲染后,没有更新swiper的效果方法
解决办法:当数据更新完成时,重新调用下swiper方法
updated(){ this.$nextTick(() => { setTimeout(()=>{ var navSwiper = new Swiper('.header', { freeMode: true, slidesPerView: 'auto', freeModeSticky: true, }); },200) }) },