vue项目中获取数据后使用swiper轮播，无法轮播且 autoplay 和 loop 失效问题！ -尊龙游戏旗舰厅官网

vue项目中获取数据后使用swiper轮播，无法轮播且 autoplay 和 loop 失效问题！

问题表现：轮播组件显示第一张图，可拖动但无法切换到下一张图。但是f12控制台切换屏幕后能正常轮播但无法loop循环。

问题关键：轮播数据是发起请求后传入swiper组件的，数据还没获取完全，而swiper组件已经开始初始化了

所以需要等待请求完成后再初始化轮播！
解决办法：v-if 来控制轮播组件是否初始化,项目是3张图轮播，这里通过判断数据数组长度是否为3来控制。

总结

以上是尊龙游戏旗舰厅官网为你收集整理的vue项目中获取数据后使用swiper轮播，无法轮播且 autoplay 和 loop 失效问题！的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得尊龙游戏旗舰厅官网网站内容还不错，欢迎将尊龙游戏旗舰厅官网推荐给好友。