收藏
回答

从其它页面返回时 image 图片消失

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 微信安卓客户端 8.0.2 2.16.0
  1. 在第一个页面显示一张图
  2. 跳转到另一个有很多图的页面,其中一张和第一个页面那张图地址相同
  3. 快速点击返回
  4. 第一个页面的图片消失

和返回的时机有一定关系,大致上是第二个页面的图开始加载,但还没有全加载出来的时候点返回,多试几次总能复现。在开发工具和安卓客户端都能重现,第二个页面图越多越容易重现。

开发工具重现视频:

安卓客户端重现视频:

第一个页面 /pages/index/index 代码:

<navigator url="/image/index">
  <image src="{{url}}"></image>
  <view>上面是图</view>
</navigator>


Page({
  data: {
    url'',
    list: [],
  },

  onLoad() {
    setTimeout(() => {
      this.setData({
        url'https://mszm.dtzhuanjia.com/image/team/mijuejubensha/logo.jpg',
      });
    }, 1000);
  },
})


第二个页面 /pages/image/index 代码:

<image src="{{url}}"></image>
<image wx:for="{{list}}" src="{{item}}"></image>


Page({
  data: {
    url'',
    list: [],
  },

  onLoad: function () {
    setTimeout(() => {
      this.setData({
        url'https://mszm.dtzhuanjia.com/image/team/mijuejubensha/logo.jpg',
        list: [
          "https://mszm.dtzhuanjia.com/image/larp/xjjf/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/sgbwg/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/dlgf/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/yxmt/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/wd/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/yxbx_2/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/lxtdrj/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/ajl_2/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/am_2/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/wyg/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/sw_2/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/xwd/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/ws_4/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/bjqa/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/ecs/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/gmyyztjsg/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/da_2/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/nh/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/sy_5/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/sz_6/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/ly_2/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/kdyxhycs/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/sdlwdnl/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/jsby/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/qzzw/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/yxzd/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/zjyhc/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/zgrm/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/gysl/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/hsw_2/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/wwzy/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/wywwzz/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/flydzm/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/qchhr/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/qzmsl/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/jxw/image001.jpg?v1",
          "https://mszm.dtzhuanjia.com/image/larp/lbhxdy/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/sw_2/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/wj/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/xwd/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/wzkr/image001.jpg?v1",
          "https://mszm.dtzhuanjia.com/image/larp/jxhx/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/wsd/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/dl/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/wwzy/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/dmgy/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/flydzm/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/hsdt/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/djx_2/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/gysl/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/shyj/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/yc/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/gmy/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/ca/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/sl/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/yflt/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/fy/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/yhgsj/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/lrg/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/dy/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/as/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/jw/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/72xs/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/flsl2/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/lfwjlb/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/sg21k/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/fqlx/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/zzmd/image001.jpg?v1",
          "https://mszm.dtzhuanjia.com/image/larp/rm/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/swmj/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/zhdsc/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/dtywl/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/dq/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/bblh/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/cwz/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/yzsw/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/dqy/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/xlxw/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/hddxfx/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/zsg/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/bx_2/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/qhby/image001.jpg?v1",
          "https://mszm.dtzhuanjia.com/image/larp/013jlms/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/qsxz/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/ace/image001.jpg?v1",
          "https://mszm.dtzhuanjia.com/image/larp/gjqt/image001.jpg?v1",
          "https://mszm.dtzhuanjia.com/image/larp/bgzc/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/mxszx/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/dyhys/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/bmf/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/xrqs/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/hllg/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/ft1928/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/dxmgd/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/csbwz/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/csdzy/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/zq/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/%E6%9C%AA%E6%8E%88%E6%9D%83/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/kdyxhycs/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/sdlwdnl/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/jsby/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/qzzw/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/yxzd/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/shyj/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/zjyhc/image001.jpg",
          "https://mszm.dtzhuanjia.com/image/larp/insidezzqgms/image001.jpg"
        ],
      });
    }, 100);
  },
})
回答关注问题邀请回答
收藏

5 个回答

  • 青山依旧
    青山依旧
    2023-05-12

    2023-5-12 遇到相同问题,请问官方如何解决

    2023-05-12
    有用
    回复
  • 和陈的岁岁年年
    和陈的岁岁年年
    2022-06-16

    该怎么解决啊

    2022-06-16
    有用
    回复
  • 莉莉娅
    莉莉娅
    2021-04-07

    第一个页面

    onHide 添加定时器关闭



    2021-04-07
    有用
    回复 2
    • 秋
      2021-04-07
      就一个 setTimeout 你关闭啥?而且这个是用来模拟网络请求的
      2021-04-07
      回复
    • 莉莉娅
      莉莉娅
      2021-04-07回复
      打字别那么冲。  定时器开了就需要关闭。模拟网络请求,会添加load,所以把定时器去掉,是不会出现这个问题。
      2021-04-07
      回复
  • 陈宇明
    陈宇明
    2021-04-07
    打个log检查下定时器的执行情况
    
    2021-04-07
    有用
    回复 1
    • 秋
      2021-04-07
      都执行了
      2021-04-07
      回复
  • 神经蛙
    神经蛙
    2021-04-07

    如果不设置延迟呢

    2021-04-07
    有用
    回复 7
    • 神经蛙
      神经蛙
      2021-04-07
      测试不设置延迟是没问题的
      2021-04-07
      回复
    • 神经蛙
      神经蛙
      2021-04-07
      第二页加上key就没问题
      2021-04-07
      回复
    • 秋
      2021-04-07
      图片是接口请求来的,不可能没有延迟
      2021-04-07
      回复
    • 神经蛙
      神经蛙
      2021-04-07回复
      你给第二页的循环加上key
      2021-04-07
      回复
    • 秋
      2021-04-07回复神经蛙
      我原来的代码里本来就是有 key 的,不影响重现所以我在这里去掉了
      2021-04-07
      回复
    查看更多(2)
登录 后发表内容
问题标签