8***@qq.com
8***@qq.com
  • 发布:2022-08-02 11:41
  • 更新:2022-10-08 15:22
  • 阅读:497

【报Bug】nvue页面 swiper不能动态设置circular,动态设置为true不生效;

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

手机系统: Android

手机系统版本号: Android 9.0

手机厂商: vivo

手机机型: Y91

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: CLI

CLI版本号: 4.3.0

示例代码:
<swiper class="swiper list" duration="300" circular="true" vertical="true" @change="animationfinish" style="videoStyle" v-if="pageItemId === 2"
ref="list"
>
<swiper-item v-for="(item, index) in atList" :key="index" style="position:relative;align-items: center;justify-content: center;" :style="videoStyle">
<template>
<image :src="item.videoImg" mode="" :style="videoStyle"></image>
<template>
</swiper-item>
</swiper>

操作步骤:

正常滑动即可

预期结果:

默认显示第一张,滑动正常

实际结果:

大概率默认显示最后一张,小概率回弹到第一张

bug描述:

nvue页面 swiper不能动态设置circular,动态设置为true不生效;如果默认为true,安卓小概率会从最后一张自动跳转到第一张,大概率出现直接显示最后一张轮播图,但都是问题!!!

2022-08-02 11:41 负责人:DCloud_uniAD_HDX 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

动态设置circular无效问题已复现,默认为true时正常衔接,未复现你说的问题,已反馈给相关人员排查,已加分感谢反馈!

wingkay

wingkay - 90后IT男

最近在做vue3迁移,在vue3也发现了这个问题

要回复问题请先登录注册