npm安装swiper@3.4.1, save-dev
从“偷窃者”进口偷窃者; 导入“偷窃者/dist/css/swiper.min.css”;
& lt; div类=" swiper-container " id=巴登哉摺北? & lt; div类=皊wiper-wrapper”比; & lt; div类=v代表“swiper-slide”=?项目,美元指数)在detail.imgs”比; & lt; v:点击=" showPreview(美元指数,detail.imgs swiperObj)“比; & lt;图类=皐p-avatar旗帜”比; & lt; img v-cloak: src=" https://www.yisu.com/zixun/item | toQiNiuImg”/比; & lt;/figure> & lt;/a> & lt;/div> & lt;/div> & lt; !——添加分页祝辞 & lt; div类=" swiper-pagination "祝辞& lt;/div> & lt;/div>
setTimeout(函数(){ 状态。swiperObj=new偷窃者(#偷窃者,{ 循环:没错, 分页:“.swiper-pagination”, 播放:2000 paginationClickable:真 }); },100)
以上这篇vue2.0使用偷窃者组件实现轮播的示例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。