3、html页面代码













4、初始化组件,并设置参数

setTimeout(function(){
state.swiperObj=newSwiper('#swiper',{
loop:true,
pagination:'.swiper-pagination',
autoplay:2000,
paginationClickable:true
});
},100)

5、搞定,ok

以上这篇vue2.0使用swiper组件实现轮播的示例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。

热门推荐

1 舞蹈祝福语简短霸气句子
2 元旦美好的祝福语简短
3 简短短信新春祝福语
4 过冬祝福语简短有深意
5 国庆祝福语简短儿童
6 上班祝福语大全 简短的
7 简短的二胎祝福语
8 书法老师祝福语简短
9 自己的生日简短祝福语
10 简短霸气女儿生日 祝福语
11 祝福语高考小众诗句简短
12 元旦祝福语20秒简短
13 老师过年祝福语大全 简短
14 一生祝福语简短
15 产检祝福语简短霸气
16 朋友店开张祝福语简短
17 生日爱情祝福语大全简短
18 朋友女儿生日祝福语 简短