微信小程序之 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) //延迟时间
  }
})

 

posted @ 2022-04-25 17:47  tomingto  阅读(3012)  评论(0编辑  收藏  举报