- 发布:2020-08-28 15:35
- 更新:2020-08-28 15:35
- 阅读:1316
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows10
HBuilderX类型: 正式
HBuilderX版本号: 2.8.8
手机系统: 全部
手机厂商: 华为
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
测试过的手机:
操作步骤:
-
-
预期结果:
-
-
实际结果:
-
-
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:
- $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 里没有任何操作
0 个回复