Vue移动端Swiper插件无法自动切换问题

小编在写vue移动端的时候，用swiper插件写轮播的时候遇到了一个问题。特以此文记录下来，以防日后踩坑。

由于用npm工具安装的swiper，版本默认是6.0.x

导致无法自动切换，小编再看了很多博客之后，终于找到了适合自己的解决方案：

1、移除安装的swiper

npm remove swiper
           

2、安装swiper 5.4.5版本

npm i [email protected]
           

3、引入css资源,安装swiper之后，swiper资源在node_modules目录中，找到css文件引入就行啦

4、在swiper实例中添加

autoplay: {
            disableOnInteraction: false
        },
           

上面代码的意思是滑动之后， 定时器也不会被清除。用手指滑动图片之后，仍然可以自动切换图片。