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

【报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冲突了!还有这种问题,无语

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

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容