因为swiper的版本原因需要单独引用:
import SwiperCore, { Autoplay } from 'swiper/core';
SwiperCore.use([Autoplay]);
// 然后autoplay的自动轮播属性可以使用了
new Swiper('.swiper-container', {
slidesPerView: 3,
spaceBetween: 3,
loop: true, // 循环模式选项
observer: true,//修改swiper自己或子元素时,自动初始化swiper
observeParents: true,//修改swiper的父元素时,自动初始化swiper
autoplay:{
delay:500,
disableOnInteraction:false, //解决滑动后不能轮播的问题
},
direction: 'vertical', // 垂直轮播
})