new Swiper('.swiper-container', {
slidesPerView: 2,
spaceBetween: 10,
// 如果需要前进后退按钮
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
loop: true,
autoplay: {
delay: 3000,
},
speed:1500,
on: {
click: function () {
// 这里有坑，需要注意的是：this 指向的是 swpier 实例，而不是当前的 vue， 因此借助 vm，来调用 methods 里的方法
// console.log(this); // -> Swiper
// 当前活动块的索引，与activeIndex不同的是，在loop模式下不会将 复制的块 的数量计算在内。
const realIndex = this.realIndex;
self.handleClickSlide(realIndex);
}
}
})
swiper点击事件（复制的没有点击事件bug）
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 原文链接：https://www.cnblogs.com/nanjie/p/8556287.html 基于之前写的...
- Swiper 首先要引入swiper.js和swiper.css 先上代码： var mySwiper = new...
- 问题描述：swiper轮播是可以点击去查看详情的，swiper的loop属性是true，当我们点击第一张图片和向左...
