vue中Swiper版本大坑解决

npm install swiper@4.5.1

此版本亲测可用，高版本有很多莫名其妙的bug，所以这里选择用swiper4

	import Swiper from 'swiper'import 'swiper/dist/css/swiper.min.css'

在需要的页面中引入

template中新增div

	mounted() {var swiper = new Swiper('.czp', {// direction: 'vertical', // 垂直切换选项// 循环模式选项loop: true,// 如果需要分页器pagination: {el: '.swiper-pagination',// clickable设置为true时，点击分页器的指示点分页器会控制Swiper切换clickable: true,//修改分页器样式bulletClass: 'swiper-pagination-bullet',//激活样式bulletActiveClass: 'my-bullet-active'},// 如果需要前进后退按钮navigation: {nextEl: '.swiper-button-next',prevEl: '.swiper-button-prev'},// 如果需要滚动条/* 	scrollbar: {el: '.swiper-scrollbar'}, */autoplay: {delay: 3000,stopOnLastSlide: false,disableOnInteraction: false} // 可选选项，自动滑动})},

mounted()页面渲染完成后

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！