【微信小程序】通过调用 wx.navigateBack() 方法来退出当前界面并返回上一个界面

全面解读

已于 2023-08-14 18:43:11 修改

阅读量6.8k

点赞数

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

于 2023-08-12 18:39:15 首次发布

本博客提供技术支持@csdn:https://blog.csdn.net/gao511147456

本文链接：https://blog.csdn.net/gao511147456/article/details/132252152

版权

微信小程序专栏收录该内容

31 篇文章 9 订阅

订阅专栏

本文介绍了微信小程序中如何在非TabBar页面与TabBar页面间进行导航，包括`wx.navigateBack`、`wx.switchTab`和`wx.reLaunch`方法的用法，强调了TabBar页面的特殊性以及返回非TabBar页面的处理方式。

摘要由CSDN通过智能技术生成

返回到非TabBar页面

在点击某个按钮或执行某个条件时触发，示例代码：

wx.navigateBack({
  delta: 1  // 返回上一个界面，如果要返回多个界面，可以增加 delta 的值
});

在这个示例中，delta 参数指定了要返回的界面数。如果你只想返回上一个界面，可以将 delta 设置为 1。如果你想返回更多的界面，可以增加 delta 的值。

返回到TabBar页面

在小程序中，tabBar 页面的返回操作与非 tabBar 页面有所不同。通常，tabBar 页面是作为小程序的主要页面存在，而非 tabBar 页面是通过 wx.navigateTo 或 wx.redirectTo 方法跳转到的子页面。

在 tabBar 页面中，可以使用以下方法返回到上一个页面：

wx.navigateBack：返回到上一个页面。可以通过 delta 参数指定返回的页面数，默认值为1。

wx.navigateBack({
  delta: 1
});

wx.switchTab：跳转到 tabBar 页面的其他 tab。通过传入 tabBar 页面的路径，可以切换到指定的 tabBar 页面。

wx.switchTab({
  url: '/pages/tabBar-page/tabBar-page'
});

需要注意的是，这些方法只能返回到 tabBar 页面的前一个页面或切换到其他 tabBar 页面，无法返回到非 tabBar 页面。如果你需要从 tabBar 页面返回到非 tabBar 页面，可以考虑使用 wx.reLaunch 方法重新加载整个小程序，并指定需要返回的非 tabBar 页面路径。