×

微信小程序中wx.showToast延时执行

作者:ceshi2018.01.23来源:Web前端之家浏览:39416评论:3
关键词:微信小程序

微信小程序中wx.showToast延时执行。在做微信小程序项目开发时需要对用户交互的数据状态结果进行反馈,通过会用到dialog和toast等方法来实现,在反馈之后还有可能需要执行跳转等功能操作。拿Toast来讲,用户提交订单,订单提交成功,用toast来进行反馈,toast展示完成后进行跳转,进入会员中心页面,或者订单列表页。默认的情况是toast刚显示就进行了跳转操作,因此,需要对跳转操作进行延时处理。需要用到代码:

setTimeout(function () {  
     //要延时执行的代码  
}, 1000) //延迟时间 这里是1秒

项目代码示例:

//提交预约订单  wx.request({
    url: 'http://www.pusonglin.cn/app/index.php?i=2&c=entry&do=api&op=addOrder&m=aiunv_book',
    data: e.target.dataset,
    header: {
      'content-type': 'application/json'
    },
    success: function (res) {
      console.log(res.data)
 
      let status = res.data.status;
      if (status == 1) {
        console.log('预定成功')
        wx.showToast({
          title: '成功',
          icon: 'success',
          duration: 2000,
          success:function(){
            console.log('haha');
            setTimeout(function () {
              //要延时执行的代码
              wx.switchTab({
                url: '../user/user'
              })
            }, 2000) //延迟时间 
          }
        })
 
 
      }
      if (status == 0) {
        console.log('失败');
      }
 
      that.setData({ addrArray: res.data });
    }
  });

另外,在内页做页面跳转需要用wx.switchTab。

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/weixinxcx123123GDSFSDF.html

网友评论文明上网理性发言 已有3人参与

发表评论:

评论列表

  • 访客  发布于 2018-05-24 18:29:44   回复该评论
  • 能不能原创,网上一找全是这段。这没效果,复制也先自己测测好不????

最新留言

  • 老部落运维

    都是拼音的错呵呵...

  • admin

    已加上,麻烦把我的文字改下:Web前端之家...

  • 老部落运维

    已添加贵站链接我站:https://www.laobuluo.com/(老部落运维)...

  • admin

    这个问题需要看不同的终端预览,可以加群具体聊,谢谢!...

  • 竹叶轻拂水

    在写PC端页面的时候,字体超过16px有的字体会显示的上下不一,凸出来一点,很难看,有没有什么好的方...

  • 素材火

    前三意料之中,中国只有百度上榜...

  • 开创者素材

    网站资源下载站,交换个友链如何?www.kaicz.com...

  • CSS66

    关于CSS组合选择符总结得全面,学习了!...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2019 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero