1***@qq.com
1***@qq.com
  • 发布:2019-07-03 16:06
  • 更新:2021-03-02 20:56
  • 阅读:3945

【报Bug uni-swiper swiper多次滑动出现不停的切换

分类:uni-app

详细问题描述

swiper多次滑动出现不停的切换

app 和 微信调试都会出现, 下面有预览图 和 预览视频

2019-07-03 16:06 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

应该是参考了错误的示例(hello uni-app顶部选项卡)导致,如果是的话,参考一下hello uni-app的修复代码:https://github.com/dcloudio/hello-uniapp/commit/4e767e71195613f473e0b49cb67fe8d76f08f2a8

口区

口区 -

惹,这个头像

5***@qq.com

5***@qq.com

首先说下原因,官方的解决方案不知道解决的什么问题,一般情况vue会阻止父子循环修改统一变量,但是这里的swiper在连续来回滑动时,会循环卡死,解决方案是,:current变量和@change操作操作的变量不要一样,官方给的是操作同一tabIndex,才会出现闪烁;
如果其他页面或组件想让swiper滑动具体位置,请使用uni.$emit或this.$emit来动态操作:current绑定的变量即可
此外,官方给的tabbar连动滚动方式,必须让tabbar的scroll-view和swiper在同一page里面才能使用getElSize获取具体的值,一旦tabbar单独抽离成一个组件的话,亲测是获取不到值的,具体原因未知,替代方式是不用滚到到scroll-left,改用滚动到ID-----scroll-into-view

6***@qq.com

6***@qq.com

这个问题解决了吗?@change和current冲突了!还有这种问题,无语

该问题目前已经被锁定, 无法添加新回复