swiper插件在使用无限轮播的时候，会出现一种自动轮播一轮之后无法点击的情况，造成这种情况的原因是：swiper的无限轮播时会自动复制第一个和最后一个页面进行轮播。但由于只复制页面没有复制点击事件，此时我们用vue写的点击事件在页面循环一周回来遇到复制的页面时，点击事件就会失效。
解决的方法：通过swiper自己的监听点击方法来实现
如下图：
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
swiper中点击事件失效
转载下一篇：ABP 关闭Redis缓存
提问和评论都可以，用心的回复会被更多人看到
评论
发布评论
相关文章
-
vue中使用swiper
一. 下载swiper：npm install swiper -S二. css：在main.js里引入cssimport Vue from 'vue'i
vue中使用swiper swiper ide css 分页 -
vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件
vue脚手架使用swiper；以及报错小问题的解决；
vue-cli 脚手架 vue swiper webpack ide
