小程序模板:专业的小程序模板与静态模板分享平台
小程序
教程
搜索
当前位置 : 首页> 小程序教程> 微信小程序之 wx.showToast延时跳转页面

微信小程序之 wx.showToast延时跳转页面

需求 :

wx.showToast 显示完毕后,跳转到新的页面。

一直以为只要卸载showToast的success回调中就行了 但是这么写并不能满足需求,提示的消息会一闪而过,然后就跳转到新的页面了。

要想实现在提示显示完毕后,再跳转页面,需要这么写。

微信小程序wx.showToast延时跳转页面,代码如下:

wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000,  //显示透明蒙层,防止触摸穿透
  mask:true,
  success: function () {
    setTimeout(function () {      //要延时执行的代码        wx.navigateTo({
          url: '../home/index',
       })
    }, 1500) //延迟时间  }
})


联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了