- 当前 Bug 的表现(可附上截图)
手机型号:三星SM-N9500手机(小米8也偶现过几次),IOS没问题
代码demo:基本代码demo在下面,但是有个关键点:image 的 src 不能是普通图片url,必须是canvas画图后产生的本地url
操作:
1、初次进入swiper页面,图片加载正常
2、退出,再进入(有时重复两三次该步骤即可),页面开始闪动一下,整个页面白屏,除了胶囊还在,其余所有东西都不见了,连swiper同层级的其他元素也一并消失,几百毫秒后恢复正常,同时图片也加载出来了
3、如果swiper有三张图片,画面有时会闪三次
4、重复多次退出、再进入操作,该情况会越来越明显,越来越严重
5、最严重的情况是页面一直闪动不停,有时闪动几十下就停下来,有时停不下来,有时闪动几下之后,整个小程序就自动退出了
6、将image 的 src替换为网络url,恢复正常
7、将image挪出swiper,但是src仍旧是canvas画图后产生的本地url,也正常
8、swiper有多个swiper-item,但是只显示一张image ,其余swiper-item空载,也没问题(swiper内只要超过两张image就开始出现问题)
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
<swiper
class=“swiper”
previous-margin=“60px”
next-margin=“60px”>
<swiper-item v-for="(item, i) in list" :key=“i”>
<div :id=“item.id”>
<!-- <canvas :canvas-id=“item.id”></canvas> -->
<image :src=“item.imgUrl”></image>
</div>
</swiper-item>
</swiper>
提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。