![](https://img-blog.csdnimg.cn/7818d4cc01ea49d5b432cb2bbaeba3eb.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
SWIPER
SWIPER
西门吹雪~
心怀浪漫宇宙,珍惜人间日常
展开
-
解决vue-awesome-swiper点击事件失效的问题 ===“版本号(vue-awesome-swiper“: “^3.1.0)
解决vue-awesome-swiper点击事件失效的问题 ===“版本号(vue-awesome-swiper”: "^3.1.0)最新做项目使用了 vue-awesome-swiper(3.1.0版本)轮播插件遇到的坑。在使用loop: true模式下: 动态循环数据 ,轮播第一遍是点击事件是正常的,轮播第二遍的时候点击事件就失效了 点击事件不起作用 通过查看api , loop模式下会在slides前后复制若干个 slide 但是这个复制只是针对 dom 元素不会带上之前的绑定事件的 ,原创 2020-11-21 21:53:32 · 11709 阅读 · 4 评论 -
swiper常用属性
swiper常用属性swiper版本号:3.1.0 direction: 'vertical', //轮播方向,默认是水平滑动horizontal spaceBetween: 5, //在slide之间设置距离(单位px),默认是0 slidesPerView: 1, //设置slider容器能够同时显示的slides数量,默认是1。 loop:true,//loop模式:会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换,让Swiper看起来是循环的。 loop模式在与f原创 2020-11-22 20:15:13 · 11656 阅读 · 1 评论