用swiper遇到的事

1.在默认之下可以拖动鼠标使swiper左右滑动,这个时候写在swiper-slide里面的事件,可能就不会触发,通常就会将swiper-slide这个标签上多加一个类名“swiper-no-swiping”,让它不滑动,里面的事件就会起效果了;

2.在vue里面使用swiper时,安装版本太高,里面的点击事件(比如:点击上一个滑块)会没有效果,还需要自己再调用一下里面的点击事件,比较麻烦,这时候可以版本回退6.0以下看看。

3.在swiper里面添加前后点击按钮时,这两个按钮相对于父级改位置比较麻烦,不注意就会露出下一个滑块的部分

这时候这两个标签是类名为“swiper-container”的子标签,将这两个标签移出和他的父级标签同级,这个时候改位置就比较方便,别忘了给这时候它们的父级加上“position: relative;”

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值