Vue框架里使用Swiper

首先使用npm 或者cnpm下载swiper
cnpm install swiper

import Swiper from ‘swiper’;
import ‘swiper/dist/css/swiper.min.css’;

<div class="swiper-container">     <div class="swiper-wrapper">       <div class="swiper-slide">         <img src="../../static/images/ad1.jpg" alt="">       </div>       <div class="swiper-slide">         <img src="../../static/images/ad2.jpg" alt="">       </div>       <div class="swiper-slide">         <img src="../../static/images/ad3.jpg" alt="">       </div>     </div>   </div>   

    mounted(){         var mySwiper = new Swiper('.swiper-container', {           autoplay:true,           loop:true         })       },

如果想要从后台请求图片放上去 new Swiper要写在网络请求成功的函数里面，否则不会出来数据。

文章来源: Vue框架里使用Swiper