luch
luch
  • 发布:2020-08-28 15:35
  • 更新:2020-08-28 15:35
  • 阅读:1142

【报Bug】使用swiper动态添加swiper-item @animationfinish @change 回调参数错误

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10

HBuilderX类型: 正式

HBuilderX版本号: 2.8.8

手机系统: 全部

手机厂商: 华为

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

华为p20p

操作步骤:

-

预期结果:

-

实际结果:

-

bug描述:

let $a = change 事件和animationfinish事件

nvue使用swiper 制作抖音效果
动态渲染swiper
data: [1,2,3,4,5]
手滑动
前4次
$a 回调参数表现正常。
滑动到4,我请求下一页
data: [1,2,3,4,5,6,7,8,9,10]
此时触发bug:

  1. $a自动执行,且回调参数错误。但是页面视图是正常的,仍然显示4。
    错误回调:{"current":0,"currentItemId":"1","source":"autoplay"}

继续操作:
滑动
页面视图显示显示5.
错误回调:{"current":1,"currentItemId":"2","source":"autoplay"}
滑动
页面视图显示显示6.
错误回调:{"current":2,"currentItemId":"3","source":"autoplay"}
......
希望官方指点一下这个抖音效果怎么做!

swiper 代码如下

    <swiper :current-item-id="swiperCurrentItemId" class="video-swiper" vertical @animationfinish="videoSwiperAniEnd" @change="videoSwiperChange">

$a 执行我没有修改swiperCurrentItemId
@change 里没有任何操作

2020-08-28 15:35 负责人:无 分享
已邀请:

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