小程序picker-view滑动触摸不放开,动画抖动回到value默认选项

问题:用picker-view写了一个三级联动的组件,单独使用就算滑动的时候触摸按住不放开也没有任何问题,但一放到某个页面里面引入使用就会出现抖动回到value的默认值那里。

排查:1.考虑onchange造成的问题,但排查后发现不是,因为由于手没放开,onchange事件并没有调用,并不会造成value数组的改变而造成动画抖动。

2.那么只能一个一个元素排查,这时swiper引起了我的注意,我把所有事件和元素都注释禁止了,swiper轮播图还在自动轮播,这时我变怀疑起来,果然注释之后没问题,那么应该就是autoplay的问题,果然把autoplay设置成false之后问题解决了

3.这时候我便兴致冲冲地把代码里的swiper中的autoplay根据picker-view封装的组件控制开关的布尔值进行取反,但问题还在,这时怎么回事呢?经过又一番捣鼓(悲催),偶然之间我发现了我有一组动画是用js进行控制位置定时移动的,果然问题出现在这(我个人推迟是因为js对data进行更新的时候触发了dom的更新)。

最后的解决方式就是:第一swiper中的autoplay根据picker-view封装的组件控制开关的布尔值进行取反;第二页面动画定时移动函数根据picker-view的开关进行停止和启动。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值