vue 使用swiper详细步骤

首先请参考下边这个连接，安装正确的swiper 特别说明一定是vue3，vue2使用是会报错的

vue3 中使用 swiper_@swiper_jjw_zyfx的博客-CSDN博客

其次：

具体就是：

1、只用作导航效果如下：

swiper中的代码只修改如下部分

 css中的代码如下：

2、向做成轮播图的效果如下：

swiper中的只修改如下部分

css中的修改如下：

箭头的修改：

效果如下：

swiper中的事件的使用：

官网位置：

slideNextTransitionEnd(swiper)_Swiper参数选项

中的：

如果想要自动播放

设置如下：

 这样设置就能自动播放了，我猜测的根据文档如下所示：

经试验是这样用的：