罗文
罗文
  • 发布:2020-09-28 21:53
  • 更新:2020-09-28 23:32
  • 阅读:891

【报Bug】swiper里面绑定的内容有变化时,如果此时滑块不在第一屏,那么就会出现白屏.需要手动往右滑动一下才出现图片

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 2.8.13

浏览器平台: Chrome

浏览器版本: 版本 85.0.4183.83

项目创建方式: HBuilderX

App下载地址或H5⽹址: https://i.xsjjpd.top

示例代码:

tapSku(e, i) {
this.clickSku = i;
this.current=0
this.goodDetail.goods_banner_imgs = [this.goodDetail.goodSku[i].sku_banner_imgs];
}

<swiper style="width: 734rpx;height: 734rpx;" :indicator-dots="true" :autoplay="true" :duration="500" :circular="true" :current="current">
<swiper-item v-for="(v, i) in goodDetail.goods_banner_imgs" :key="i"><image :src="v" style="width: 734rpx;height: 734rpx;" mode="aspectFit"></image></swiper-item>
</swiper>

操作步骤:

访问地址"https://i.xsjjpd.top",点击第二个商品主图,进入详情页.
等主图滑块自动滑到第二屏的时候,点击下面的任意一个小图片.
主图就变成白屏了

预期结果:

把小图片图片显示在主图位置

实际结果:

主图位置白屏,需要往右滑动一下才出图片

bug描述:

swiper里面绑定的内容有变化时,如果此时滑块不在第一屏,那么就会出现白屏.

2020-09-28 21:53 负责人:无 分享
已邀请:
罗文

罗文 (作者)

还有一段代码,发帖的时候消失了

<swiper style="width: 734rpx;height: 734rpx;" :indicator-dots="true" :autoplay="true" :duration="500" :circular="true" :current="current">
<swiper-item v-for="(v, i) in goodDetail.goods_banner_imgs" :key="i"><image :src="v" style="width: 734rpx;height: 734rpx;" mode="aspectFit"></image></swiper-item>
</swiper>

罗文

罗文 (作者)

还有一段代码,发字符串格式发不上去,截图再发一遍, 发不了代码应该算论坛的bug.

罗文

罗文 (作者)

群友说要来个演示录屏

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