收藏
回答

iphoneX中wx:if渲染bug

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug iOS 12.2 Iphone X 7.0.3

- 当前 Bug 的表现(可附上截图)

经测试,模拟器、安卓、iphone6均无此bug


一级页面

渲染:

当list.length > 0时,渲染白框;

当list.length == 0时,渲染灰框;

onshow生命周期方法:

获取缓存中的list,并setData。


刚进入一级页面时,list为空数组,渲染灰框,正常;

进入二级页面,向list里写入数据,存入缓存。


返回一级页面

渲染白框,正常。


进入二级页面,清空list,存入缓存。


返回一级页面

多数情况下,渲染灰框,正常;

少数情况下,白框和灰框都无法渲染,整个框都直接没有了!


- 预期表现


- 复现路径


- 提供一个最简复现 Demo


最后一次编辑于  05-05
回答关注问题邀请回答
收藏

1 个回答

  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    05-05

    麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    05-05
    赞同
    回复 9
    • 琦桃桃🍑
      琦桃桃🍑
      05-05

      https://developers.weixin.qq.com/s/97FyF8mn7A8N

      bug出现几率不一定,目前在iphone7和8上也出现了同样的bug


      1、点击【上装】框,进入到二级页面

      2、点击【点我添加3个元素】按钮,自动回到首页,框内加载3个图片

      3、点击框的右下角【两个点】,展开框

      4、点击右边的框,进入到二级页面

      5、点击【点我添加3个元素】按钮,自动回到首页,框内加载3个图片

      6、点击左边框的右上角(数字3),进入到二级页面

      7、长按图片,点击【全选】按钮,点击【删除】按钮,点击【确认删除按钮】

      8、点击左上角返回箭头,回到一级页面

      9、正常情况下,左边的框会被清空,重新变成【上装】的灰色框;异常情况下,左边的框整个都消失了(出现几率不一定)

      05-05
      回复
    • 仙森ღ₅₂₀¹³¹⁴
      仙森ღ₅₂₀¹³¹⁴
      05-05

      首先 在for循环时建议你不要使用wx:if做判断。建议在wx:if下 加个block标签 用block标签上写wx:for。该问题即可解决。

      05-05
      回复
    • 琦桃桃🍑
      琦桃桃🍑
      05-06回复仙森ღ₅₂₀¹³¹⁴

      block有想过,我们在for外面加了block,在block上写了wx:if,问题依然存在

      05-06
      回复
    • 仙森ღ₅₂₀¹³¹⁴
      仙森ღ₅₂₀¹³¹⁴
      05-06回复琦桃桃🍑


      05-06
      回复
    • 琦桃桃🍑
      琦桃桃🍑
      05-06回复仙森ღ₅₂₀¹³¹⁴

      目前为止还没有发现bug复现,十分感谢,还想请教下block外层写if和内层写for的区别

      05-06
      回复
    查看更多(4)