×

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

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

微信小程序中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前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.jiangweishan.com/article/weixinxcx123123GDSFSDF.html

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

发表评论:

评论列表

  • 访客  发布于 2018-05-24 18:29:44   回复该评论
  • 能不能原创,网上一找全是这段。这没效果,复制也先自己测测好不????
    • 访客  发布于 2018-05-24 18:39:47   回复该评论
    • 这个可以用,可能是你程序的问题吧

最新留言

  • 周松松博客

    确实不会用...

  • 便宜vps

    https://www.yd631.com/(便宜vps)申请交换链接,不知可否?联系邮箱:...

  • 访客

    我是里奥梅西,现在荒的一逼!!!...

  • qlong

    mailAutoComplete插件好用。...

  • admin

    相辅相成,都可以实现TIPS提示功能,只是形式不一样。...

  • 访客

    提示插件tipso和tooltips有啥区别啊...

  • jercy

    新版网站的界面很不错~...

  • jay

    很多沟通技巧还是挺不错的。...

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

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

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero