查看: 2716|回复: 3
打印 上一主题 下一主题

vue.js里面使用swiper出现了可以无限右边拖拽的bug

[复制链接]

该用户从未签到

4

主题

6

帖子

33

积分

新手上路

Rank: 1

积分
33
跳转到指定楼层
楼主
发表于 2017-7-7 19:37:38 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式

准备用vue脚手架结合swiper做个小demo,之前用   vue组件vue-awesome-swiper时也出现了这个问题,于是转为  直接引入 swiper js css文件,结果还是出现这个bug,调试不出原因....

源码地址
http://pan.baidu.com/s/1kVmOUnd
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

  • TA的每日心情
    开心
    2020-11-12 14:29
  • 签到天数: 11 天

    [LV.3]偶尔看看II

    0

    主题

    23

    帖子

    124

    积分

    注册会员

    Rank: 2

    积分
    124
    沙发
    发表于 2017-7-10 10:48:56 | 只看该作者
    你swiper引用的位置不对吧,我也遇到过相似的问题,但是我把swiper引用到循环遍历里边就没问题了。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    4

    主题

    6

    帖子

    33

    积分

    新手上路

    Rank: 1

    积分
    33
    板凳
     楼主| 发表于 2017-7-10 13:22:58 | 只看该作者
    解决了这个bug,不是引用位置的问题,是因为 display:none 的缘由,  我使用swiper的 容器,之前是none的,然后new了一个swiper,就出现了这个问题,得先把容器所在元素display:block出来
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    4

    积分

    新手上路

    Rank: 1

    积分
    4
    地板
    发表于 2017-7-14 08:53:02 | 只看该作者
    可以问问源码吗
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-5-4 11:58 , Processed in 0.073741 second(s), 29 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表