收藏
回答

求助:图片加载提示信息怎么实现加载完成后隐藏加载提示信息?

onLoad: function (options){

        // 显示loading提示框

        wx.showLoading({

          title: '图片加载中……',

        })


        // 获取页面跳转时携带的数据

        var imageurl=options.imageurl

        var title=options.title       

        this.setData({

            receiveimageurl:imageurl,

            receivetitle:title

        })


        // 隐藏loading提示框

        wx.hideLoading()

为点击图片(文字)打开新页面设置了加载提示框,设置wx.showLoading后提示框不消失在最后面加wx.hideLoading()后提示框又不显示了,请问怎么加参数,设置退出的时机

回答关注问题邀请回答
收藏

3 个回答

  • brave
    brave
    2022-02-21
    this.setData({
      receiveimageurl:imageurl,
      receivetitle:title
    }, () => wx.hideLoading())
    
    2022-02-21
    有用 3
    回复 1
    • 人生百味
      人生百味
      2022-02-21
      提示框可以正常显示和隐藏了,但是图片有点大,加载的时间稍长,提示框已经隐藏了,图片还在加载中。求教:怎么在图片成功加载后提示框再隐藏
      2022-02-21
      回复
  • 罐梨脆紫柿
    罐梨脆紫柿
    2022-02-21
    <image src="xxx" bindload="onMonitor" />
    
    onMonitor(e) {
      this.setData({
         hideLoading: true // 隐藏图片提示
      })
    }
    
    2022-02-21
    有用 1
    回复 2
    • 人生百味
      人生百味
      2022-02-22
      非常感谢,经过尝试,功能成功实现
      2022-02-22
      回复
    • 罐梨脆紫柿
      罐梨脆紫柿
      2022-02-22回复人生百味
      👌
      2022-02-22
      回复
  • 人生百味
    人生百味
    2022-02-22
    感谢各位的解疑释惑,图片加载时提示-加载成功后隐藏提示框功能实现,完整代码如下(image标签中加了bindload="……" ,名称自定义与js中的一致就行)
    




    2022-02-22
    有用
    回复
登录 后发表内容