官网地址:https://github.com/surmon-china/vue-awesome-swiper
跟着官网一顿操作之后,我的轮播图不会自己动 -_-
第一个坑就是autoplay要加一句代码
swiperOption: {
pagination: {
el: ".swiper-pagination",
},
slidesPerView:1,
loop: true,
autoplay: {
delay:1000,
disableOnInteraction: false,
},
},
第二个坑就是’slideTo’ of undefined,讲真我现在还是不懂为啥会这样…注释掉了也不影响反而不报错了
this.mySwiper.slideTo(3, 1000, false)
到现在还是不会自己动,我查了好多博客,有些博主讲最新版本不稳定,兼容性也不太好,我就退到5.4.4版本了,顺便改了css的引入,main.js和页面都要改
// import "swiper/swiper-bundle.css";
import "swiper/css/swiper.min.css";
然后就好了。我觉得可能是新版本兼容性不好,不稳定,不完善,还是用老版本吧