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

最新推荐文章于 2025-06-13 17:18:09 发布

gyuei

最新推荐文章于 2025-06-13 17:18:09 发布

阅读量2.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：小程序文章标签：小程序微信

本文链接：https://blog.youkuaiyun.com/gyueh/article/details/120021000

小程序专栏收录该内容

67 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：`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) //延迟时间
  }
})