vue 项目 解决Swiper轮播图分页器无法显示问题

Vue项目中添加轮播效果,使用swiper后,分页器无法正常显示,但轮播效果和前进后退箭头以及滚动栏都是正常显示的,为了解决这一问题,经过研究以及查阅资料得出解决方案,在此整理一下



不显示的原因是:

是因为生成swiper时机太早,发生在数据更新之前


解决方案

使用watch+$nextTick( () =>{界面更新之后立即执行生成swiper实例})

你可能感兴趣的:(vue 项目 解决Swiper轮播图分页器无法显示问题)