vue2.0使用swiper组件实现轮播效果

vue2.0使用swiper组件实现轮播效果

轻松实现vue2.0轮播效果，供大家参考，具体内容如下

1mBGcCS、安装swiper

npm install swiper@3.4.1 --save-dev

2、引用组件

import Swiper from 'swiper';

import 'swiper/dist/css/swiper.min.css';

3、html页面代码

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

setTimeout(function () {

state.swiperObj = new Swiper('#swiper', {

loop: true,

pagination: '.swiper-pagination',

autoplay: 2000,

paginationClickhttp://able: true

});

}, 100)

5、搞定，ok

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。