问题描述:
需要去做一个轮播图,发现swiper可以做到,去看官网,首先下载了最新的版本,8.4.2的,发现无法调用autoplay,因为某些原因无法打开swiper+vue官网,所以只能自己摸索
因为在script中使用了setup,所以export default无法调用(具体原因还未仔细查看),所以最实用的方法就是在template、swiper标签中直接绑定modules,去使用它。
首先,因为swiper8版本好像有问题,所以重新下载依赖,使用的是swiper7.4.1版本
随后需要去调用autoplay
最后在template中调用
<Swiper
style="height:100%"
:grabCursor="true"
:loop="true"
:pagination="true"
:autoplay="true"
:modules="[EffectCube, Pagination,Autoplay]"
>
</swiper>
这里起作用的方法是modules,在modules中调用Autoplay,就可以设置autoplay,调用即可