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

微信小程序实现成功提示后返回上一页

最新推荐文章于 2025-06-21 16:46:52 发布

原创最新推荐文章于 2025-06-21 16:46:52 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #微信

小程序专栏收录该内容

67 篇文章

订阅专栏

本文介绍了如何在微信小程序中结合wx.showToast显示成功提示，并在指定延迟后使用wx.navigateBack方法返回上一级页面。通过设置toast的参数和setTimeout函数，确保用户接收到成功反馈后再执行页面回退操作。

需求：`wx.showToast`显示成功后返回上一级页面

微信小程序返回上一级页面，代码如下：

wx.navigateBack({
  delta: 1
})

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

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