輪播元件vue
阿新 • • 發佈:2019-02-15
<swiper :options="swiperOption" class='swiper-box'>
<swiper-slide v-for="v in swipers"><img :src="v.fdcImage" class="swiper-img"
style="width:100%;height:1.8rem"></swiper-slide>
< div class="swiper-pagination" slot="pagination"></div>
= 5
}, 1000)
},
data () {
return {
swiperOption: {
autoplay: 3000,
pagination: '.swiper-pagination',
autoplayDisableOnInteraction: false,
loop: true
},
swipers:[]
}
},
</swiper>
安裝
npm install vue-awesome-swiper --save
首先在main.js引入
import VueSwiper from 'vue-awesome-swiper' Vue.use(VueSwiper) 然後就可以用了: mounted () { setTimeout(() => { this.asyncCount