帖子
帖子
用户
博客
课程
显示全部楼层
286
帖子
2
勋章
7万+
Y币

[多端开发] 一个刷新数据后,导致swiper过场动画异常的问题

[复制链接]
发表于 2021-7-9 20:23:14
本帖最后由 忽上忽下 于 2021-7-9 21:14 编辑

前置条件: 页面已经加载完成,并且是非组件内加载swiper

触发条件:下拉刷新后,重新通过请求接口获取数据完成后

描述: 先页面进入后,数据加载完成, swiper能完美的左右滑动,这个时候是没有问题的, 然后通过下拉刷新,重新获取数据后,再去滑动1次swiper,这个时候,似乎是因为滑动swiper组件,触发了swiper组件的某个机制,更新swiper组件的数据,导致过场动画快速结束,再次滑动,因为数据已经更新,所有就又是能完美左右滑动,过场动画完整
swiper加载形式: 该页面存在2个swiper组件, 1个使用了 load 形式加载, 一个使用了页面 vfor 形式

复测: 如果是在子组件内加载swiper,之后,刷新之后,子组件执行 this.update()方法, 不会出现描述中的问题,就此看来,应该是swiper滑动,触发数据刷新,然后强制结束swiper过场动画导致的

380
帖子
4
勋章
6
Y币
android  还是 iOS?
286
帖子
2
勋章
7万+
Y币

安卓      
380
帖子
4
勋章
6
Y币
已反馈
您需要登录后才可以回帖 登录

本版积分规则