Vue中使用Swiper插件实现轮播图自动播放

首先,应在cmd中执行语句:

npm install vue-awesome-swiper --save

向需要添加轮播图的Vue文件中对应的div中添加:


        
         
         
         
         
        
        

向script标签中添加:

向main.js中头部添加:

import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
import Vue from 'vue'

即可实现轮播图自动播放

你可能感兴趣的:(Vue)