qq娓告垙鐧婚檰瓒呮椂>app『网址:mxsty.cc』 -<变量>-m1x1s1t1y1-app下载-u O w

淇¤獕鏈€濂界嚎涓婂ū涔愮綉>app『网址:mxsty.cc』 -<变量>-m1x1s1t1y1-app下载-Df J

  • 首页 > 资讯 > 心得 > 正文

    解决微信小程序真机 showToast 不显示

    Rolan 围观 53 心得 加收藏 评论 0次 2018/9/30 20:51:39 小程序 0 积分

    真机上测试发现调用 showToast 不显示,或者闪一下就没了。经过查找,发现是与 wx.showLoading 冲突了,两者调用的是同个框。

    先放上我的错误代码:

     // 请求事件
      requestEvent: function() {
        wx.showLoading({
          title: '正在加载中',
        })
        wx.request({
          url: '',
          success: function(res) {
            wx.showToast({
              title: '成功',
              duration: 2000
            })
          },
          fail: function() {
            wx.showToast({
              title: '失败',
              duration: 2000
            })
          },
          complete: function() {
            wx.hideLoading()
          }
        })
      }

    我是想请求接口后,将加载框隐藏掉,再显示 toast 提示。但是真机上发现 showToast 不显示。正如上面所说,两者调用的是同个框。现在,我们分析整个流程:

    1、首先显示 loading 框; 
    2、然后调用 success / fail,弹框的内容由 loading 变成了 toast; 
    3、最后调用 onComplete 时,hideLoading 将弹框隐藏掉了;

    很明显,我们最终把 toast 框隐藏掉了。知道原因后,改起来就容易了。先调用 wx.hideLoading(),再调用 wx.showToast() 即可。

    建议:

    若是在网络请求前需要调用 wx.showLoading,建议在该 success 和 fail 回调函数内第一行就调用 wx.hideLoading。即使暂时不需要 showToast 操作。因为以后需要在回调函数内添加 toast 时, 就不用再管什么顺序问题了; 
    当 toast 和 loading 同时使用,多注意两者的调用顺序;

    如下是正确代码:

       // 请求事件
      requestEvent: function() {
        wx.showLoading({
          title: '正在加载中',
        })
        wx.request({
          url: '',
          success: function(res) {
            wx.showToast({
              title: '成功',
              duration: 2000
            })
          },
          fail: function() {
            wx.showToast({
              title: '失败',
              duration: 2000
            })
          },
          complete: function() {
            wx.hideLoading()
          }
        })
      }

     转自:http://www.wxapp-union.com.acad1emetric.com/portal.php?mod=view&aid=4328


    读完这篇文章后,您心情如何?
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0

    上一篇: js 数组,字符串,json互相转换

    下一篇: 推荐一款微信开发前端框架 jQuery WEUI

    定律

    点击排行

    随机内容

    日期归档

    近期评论

    [未知IP0801]网友: 怎么下载呢?
    IANA网友: 615123
    kiser1314: 怎么下载呢?
    [未知IP0801]网友: 挺好的!真的挺好的!多少钱啊,这个模板!
    [未知IP0801]网友: 不错 不错

    标签集合

    蓝色 (14) 红色 (10) sdcms模板 (8) 绿色 (7) aspcms模板 (7) ?sdcms模板 (6) 小程序 (2) sdcms教程 (2) 橙色 (2) ?aspcms模板 (2) 外贸 (1) aspcms多语言模板 (1) 前端框架 (1) aspcms小程序 (1) 企业小程序 (1) 喜庆sdcms模板 (1) 微擎 (1) 微橙分销 (1) 黄色 (1) sdcms博客 (1) 蓝黑 (1) 红蓝 (1) 广告公司 (1) icofont字体图标 (1) SuperSlide (1) 微信小程序 (1) JS获取宽度和高度 (1) sdcms自定义字段 (1) 红黑 (1) 深红色 (1)
    TVT体育代理 如何成为ag真人代理 凤凰体育怎么做起来 手机捕鱼代理怎么做 亚博科技
    彩票才能开 代理凤凰电动车电话 皇冠代理几个级别 代理体彩赚钱吗现在 速八彩票代理
    三分快三平台代理 体育彩票犯法吗 体育彩票中奖 官方彩票站 博通彩票代理怎么弄
    森林舞会游戏代理 牛牛上下分怎么拿代理 华体会员了 手机捕鱼免费代理加盟 代理电竞陪玩工作室能做吗知乎