老师我的轮播图不会轮播，加autoplay: true后轮播的特别快

来源：7-6 Vue项目首页 - 图标区域逻辑实现

慕设计1783530

2019-04-02

代码完全跟您写的一样，怎么做才能让轮播图正常轮播

图片描述

写回答

5回答

cloverxixi

2019-07-01

swiperOption: {
pagination: '.swiper-pagination',
loop: true,
autoplay: true,
speed: 5000
},

weixin_慕UI5568240

2019-09-25

autoplay:true 是swiper4的用法，我们的vue-awesome-swiper2.6.7版本是用的swiper3，所以应该用autoplay:3000

weixin_慕慕0412102

2019-07-29

autoplay: 3000

点点点工程师

2019-09-22

老哥解决了没

Dell

2019-04-02

同学你先查一下我们用的swiper版本是否一致，看下package.json里面的版本号

Dell

cloverxixi

是这样的，你一开始就new swiper，这个时候数据还没有，当数据获得到的时候，updated的钩子里面，加一个this.swiper.refresh 就可以了。你试试看

2019-07-07

共4条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

相似问题

回答 2

回答 2

回答 2

回答 2

回答 1