问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 微信小程序 Bug 客户端 6.7.0 2.2.5

有朋友遇到wx:for渲染的列表在iPhone X上面会出现重复渲染最后一条数据的问题吗？



使用工具：
wepy 1.7.2


问题简介：
在页面来回切换过程中才会出现，且目前只在iPhone X上发现（见附1）；
接口返回的数据没问题，但是渲染时只渲染接口返回的数据中的最后一条。


排查过程：
尝试使用onHide() 和 onUnload()在页面切换时将渲染的数组清空，但这样又出现了新的问题，渲染出来的图片会花屏（见附2）；
尝试去掉animate.css动画，仍然出现；
尝试将background-image改为绝对布局的image，仍然出现。


涉及的代码：
wxml:





{{item.name}}
{{item.description}}





最好成绩
{{item.max}}


挑战次数
{{item.count}}




滑动还有更多哦！
到底啦




js:



getIndex() {
wepy.showLoading({
title: '加载中...', //提示的内容,
mask: true, //显示透明蒙层，防止触摸穿透,
success: res => {}
});
api.getIndex({
openid: this.userInfo.openid,
page: 1,
/* 第几页歌单，默认1 */
page_size: 100,
/* 每页多少歌单，默认10 */
// game_type: 2,
}).then((result) => {
console.log(result)
if (result.errorCode == 0) {
setTimeout(()=>{
this.albumList = result.data.song_list
this.$apply()
}, 10)
wepy.hideToast();
}
}).catch(err=>{
console.log(err)
})
}







附1：




附2：




正常渲染时：

微信小程序开发问题解答