引入
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
Vue.use(VueAwesomeSwiper)
使用
<div class="slider">
<swiper :options="swiperOption" ref="mySwiperA">
<swiper-slide v-for="items in arr">
<img :src="items.url" alt="">
</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
</swiper>
</div>
数据
data() {
return {
arr: [
{url: 'static/1.png'},
{url: 'static/2.png'},
{url: 'static/3.png'},
{url: 'static/4.png'},
{url: 'static/5.png'},
],
swiperOption: {
pagination: {
el: '.swiper-pagination'
},
autoplay: {
delay: 1500,
disableOnInteraction: false
},
spaceBetween: 30,
loop: true
},