1. 安裝app
2. 使用ide
<template> <div class="wrapper"> <swiper :options="swiperOption" v-if="showSwiper"> <!-- slides --> <swiper-slide v-for="item of list"> <img class="swiper-img" :src="item.imgUrl"/> </swiper-slide> <!-- Optional controls --> <div class="swiper-pagination" slot="pagination"></div> </swiper> </div> </template>
<script> export default { name: 'HomeSwiper', data () { return { swiperOption: { pagination: '.swiper-pagination',
netNextTick:true,
autoplay: 3500, // 自動輪播
loop:true, // 可輪播
autoplayDisableOnInteraction: true // 無縫切換oop
} } } </script>