【BUG收集】最好没有:)

[warpcgd]

留言需要涉及BUG产生的环境（设备，操作，结果）

[huahuadavids]

在项目中引入，只能自动轮播，不能手动滑动

[huahuadavids]

你写的demo中的参数写错了， hresholdDistance: 100,//滑动判定时间 ,对吧？

[warpcgd]

@huahuadavids 是的，已经修复

[Missna]

没有监听每个item的点击事件吗?

[warpcgd]

@Missna 目前没有监听，请问需要监听点击的什么事件？(mouseup or down?还是拖拽)

[Missna]

@warpcgd 我的意思是应该增加一个点击的事件 有这样的需求需要用到,例如:有一共有5条数据在slider中显示出来,当点击不同的数据需要执行不同的动作

[warpcgd]

@Missna
API 里面我有提供slide的监听，当滑动页面时，提供页码，判定操作，如有需要也可以返回当前item的对象
vm.$on('slide', function(pagenum){console.log(pagenum)})

[Missna]

@warpcgd
您好,在移动设备上不支持手势滑动切换吗?

[warpcgd]

@Missna
你好，支持手势滑动的，测试地址:https://warpcgd.github.io/vue-slider/index.html

[baozou66]

你好，我导入项目之后其他的都正常，唯一有问题就是滑动之后不会跳到下一个页面，而是又返回到当前页面了，动画特效都有，点击小圆点可以跳转。

[warpcgd]

@yaysQa 问题应该是滑动阈值设置过大，我自己设置了100px的阈值，以及500ms的时间判断，你可以设置小点

[baozou66]

我试过了，依然不可以... Q^Q

[baozou66]

可以了 ，谢谢！

[warpcgd]

@yaysQa 可以fork，自己修改下，组件写的很简单，方便大家修改

[baozou66]

你好，苹果手机并不能滑动！试了两台iphone6，都是第一张到第二张可以滑动，然后就不能动了... andriod手机内置浏览器没有这个问题。

[warpcgd]

@yaysQa 更新了代码，阻止了滑动时的页面滚动，测试暂时没问题，但是，多个滑动组件会存在只有一个能滑动的问题。

[baozou66]

你好，能加一下你的联系方式吗？ 还是没能解决不能滑动的问题。safari里面只有第一张图片能左右滑动，其他图片左右滑动没有丝毫反应...

[warpcgd]

@yaysQa 加下微信warpcgd

[ghost]

无缝循环滚动模式下恶意快速点击有bug

[warpcgd]

@bogCoding 嗯，是说的会产生空白的间断吗？

[ghost]

是的，点击下一页时候。点击上一页时候也有卡顿现象

[warpcgd]

@bogCoding 嗯，这个轮播设置了350ms的滑动缓冲，如果切换速度小于350ms，是会产生间隙的情况:(

[warpcgd]

@bogCoding 临时的解决方法，是修改循环滚动里面写死的定时，200ms，快速点击的问题会解决,
if(type == 'loop'){ setTimeout(function(){ if(that.sliderinit.currentPage == -1){ that.slide(that.pagenums-1,'animationnone'); }else{ that.slide(0,'animationnone'); } },200);

[lingyun1111]

以你的demo为例子，effect设为fade后再把背景去掉,两个slideritem重叠显示了，请问如何解决？

[warpcgd]

@luckDOG1993 fade模式slideritem的样式是重叠显示的，z-index从大到小

[lingyun1111]

@ luckDOG1993 fade模式slideritem的样式是重叠显示的，z-index从大到小

感谢回复！ 顺便请教一个问题，我的slideritem加载完毕之后，会通过websocket的消息改变数量，轮播就会报错了，有什么解决方法吗？

[warpcgd]

@luckDOG1993 可以新开一个issue，贴一下报错的信息

[lingyun1111]

@ luckDOG1993可以新开一个问题，贴一下报错的信息

麻烦看一下 #74 的问题

[shinena]

vant的tab标签页下用了这个swiper，手势滑动的时候，tab标签页被滑动，slide不会滑动，作者大大怎么破？

[warpcgd]

@shinena 这个应该是vant的bug，vant可以配置swipeable取消手势滑动切换

[shinena]

@shinena 这个应该是vant的bug，vant可以配置swipeable取消手势滑动切换

那作者大大有没有什么好的处理方法？
我看了你的源码里貌似没有去做touchMove事件冒泡的阻止，事实上第一个tab下，可以向左滑动，但是向右就不可以了，其余的tab下都会触发tab标签页的滑动

[warpcgd]

@shinena 这个应该是vant的bug，vant可以配置swipeable取消手势滑动切换

那作者大大有没有什么好的处理方法？
我看了你的源码里貌似没有去做touchMove事件冒泡的阻止，事实上第一个tab下，可以向左滑动，但是向右就不可以了，其余的tab下都会触发tab标签页的滑动

@shinena 我写了一个demo

可以使用mixins把我写的组件修改下，加上不冒泡事件

1. 新的slider.js

import { slider } from 'vue-concise-slider'
export default {
  name: 'slider',
  mixins: [slider],
  methods: {
    swipeStart (event) {
      event.stopPropagation()
      slider.methods.swipeStart.call(this, event)
    },
    swipeMove (event) {
      event.stopPropagation()
      slider.methods.swipeMove.call(this, event)
    },
    swipeEnd (event) {
      event.stopPropagation()
      slider.methods.swipeEnd.call(this, event)
    }
  }
}

2. 在项目里直接使用

import { slideritem } from 'vue-concise-slider'
import slider from './slider.js'

[shinena]

@shinena 这个应该是vant的bug，vant可以配置swipeable取消手势滑动切换

那作者大大有没有什么好的处理方法？
我看了你的源码里貌似没有去做touchMove事件冒泡的阻止，事实上第一个tab下，可以向左滑动，但是向右就不可以了，其余的tab下都会触发tab标签页的滑动

@shinena 我写了一个demo

可以使用mixins把我写的组件修改下，加上不冒泡事件

1. 新的slider.js

import { slider } from 'vue-concise-slider'
export default {
  name: 'slider',
  mixins: [slider],
  methods: {
    swipeStart (event) {
      event.stopPropagation()
      slider.methods.swipeStart.call(this, event)
    },
    swipeMove (event) {
      event.stopPropagation()
      slider.methods.swipeMove.call(this, event)
    },
    swipeEnd (event) {
      event.stopPropagation()
      slider.methods.swipeEnd.call(this, event)
    }
  }
}

1. 在项目里直接使用

import { slideritem } from 'vue-concise-slider'
import slider from './slider.js'

非常感谢作者大大～～这解决了我的问题，已加follow

[shjhd]

ios上滑动的时候，左右滑动会影响上下滑动，页面整体效果很飘。使用preventDocumentMove参数控制，禁止了上下滑动效果也不理想（占屏幕三分二大小的轮播图）。有什么办法可以在区域内，左右滑动的时候，禁止上下滑动。上下滑动的时候，禁止左右滑动？

[warpcgd]

@shjhd 设置preventDocumentMove为true，会使轮播在滑动时，阻止整体页面的滚动，配置以后ios上还是不行吗

[shjhd]

设置preventDocumentMove为true后，是阻止了整体页面的滚动。但是轮播图片太大的情况下，会导致整个页面滚不动

[warpcgd]

@shjhd 明白了，那不用设置preventDocumentMove，现在逻辑是纵向滑动距离大于横向，才会触发页面滚动

[qinghua5453]

动态添加sliderItem,然后动态删除sliderItem，底部的小圆点没有响应式变化

[No2015]

使用了keep-alive，点击滑块切换页面的时候，轮播没有停止，还会报错

[warpcgd]

@No2015 切换的时候，组件没销毁，建议绑定一下取消定时的方法

this.$refs.slider.$emit('autoplayStop')

[njuwuyuxin]

滚动图正常滚动一段时间后，控制台会报错
Cannot read property 'offsetLeft' of undefined
但是options里是有填的
而且每次是一开始能正常运行一段时间，之后就会有这个问题，现象是滚动图不能滚动，不能点击。
目前pc端是必现

[hery008]

首次进入页面是好的，但页面刷新之后，点击上一页正常， 点击下一页会报错Cannot read property 'offsetLeft' of undefined
滚动图不能滚动，刷新后必现

[warpcgd]

@njuwuyuxin @ry008 offsetLeft的问题，主要场景有两种
1 .数据的动态变化，页码和当前页数不匹配了，比如，我设置了了一个slider，页数有3个，没1秒自动滚动，当滚动到第2页的时候，currentPage为1，这时候，我改变了data的数据，让总页数只有2个，但是定时器任务没有停止，再过1秒的时候，currentPage为2，就会抛出错误，解决方法是

在每次更新数据时，通过slider方法切换到第1页

2. 路由切换的时候，也会遇到这个报错，主要原因同1，解决的方法是切换路由的时候，注意要停止定时器任务

发布了3.4.0版本，try catch 了这个报错，目前如果出现了这个报错，会取消轮播的任务，并且维持当前滑动状态

[qiankaka]

ios8下无法运行；
ios8对flex支持有问题：
1）flex不处理前缀的话，ios会自动加上flex-box，这样位置计算出错；
2）另外需要对flex-shrink多加一行-webkit-flex-shrink；

[warpcgd]

@qiankaka ios8的问题我测试下，有问题我再修复

[nothingimport]

在列表中，点开一次后，下一次点开上次渲染的图片没有清除掉。

[liucjuan]

有没有人遇到，安卓机，tap事件触发2次的情况啊！！ios是正常的，只有android是触发2次。

[mywdmkf]

请问Cannot read property 'offsetLeft' of undefined这个报错是怎么回事？比如一共8个图片，当在第一页的时候，此时鼠标向右滑动，就会报这个错误，有没有了解的？

[mywdmkf]

配置是这样的
options: {
currentPage: 0,
tracking: false,
thresholdDistance: 100,
thresholdTime: 300,
infinite: 4,
slidesToScroll: 4,
loop: true
}

[hzh1008611]

首次进入页面是好的，但页面刷新之后，点击上一页正常， 点击下一页会报错Cannot read property 'offsetLeft' of undefined
滚动图不能滚动，刷新后必现

我试了作者的每次更换数据重定会第一页无效，最后是给slider一个可变得key，每次更换数据就更改这个key的值，其实就是强制刷新slider组件

[divIndex]

页面加载之后能正常运行，但是如果切换网页过一会再切换回来看，轮播就停止了，然后transform的值变为一个固定值不会再改变了。

[panghun]

页面加载之后能正常运行，但是如果切换网页过一会再切换回来看，轮播就停止了，然后transform的值变为一个固定值不会再改变了。

确实 打印出来发现每次的currentPage一直在+1+1+1 不重置到0了

[jinhangcai]

这是来自QQ邮箱的假期自动回复邮件。   您好，我最近正在休假中，无法亲自回复您的邮件。我将在假期结束后，尽快给您回复。