关于Vue中Swiper图片加载问题

有时咱们在vue组件中使用swiper,而swiper中的图片是ajax获取的,会致使轮播图中只有第一张具备轮播图效果,这是由于ajax获取数据是异步的,因此new swiper()会先执行,等到ajax数据获取以后,dom从新渲染,可是此时swiper早就初始化完成轮播图里并不会有ajax请求回的新数据,因此咱们须要在页面渲染以后从新 new swiper() 这时 咱们就须要用vue.nextTick(fn)方法 ,此方法会在数据更新而且dom从新渲染完成后执行 就能解决上述问题了vue

相关文章
相关标签/搜索