vue实例中使用swiper

 

一: 导入文件

 

　　<script src="/js/swiper.min.js"></script>

　　<link rel="stylesheet" href="/css/swiper.min.css">

 

二: HTML部分

 

　　<div class="swiper-container">

　　　　<div class="swiper-wrapper">

　　　　　　<div class="swiper-slide" v-for="item in swiperList"> 内容部分.....</div>

　　　　</div>

　　</div>

 

三: js部分

 

　mounted(){

　　this.mySwiper = new Swiper('.swiper-container', {

　　　　autoplay: 3000,//可选选项，自动滑动

　　　　pagination: '.swiper-pagination',//分页器

　　　　paginationClickable: true,

　　　　observer: true,

　　　　loop: true,

　　　　....内容可配置,同官网进行配置

　　})

　}

　　

转载于:https://www.cnblogs.com/niluiquhz/p/vue%E5%AE%9E%E4%BE%8B%E4%B8%AD%E4%BD%BF%E7%94%A8swiper.html