微信小程序返回页面 微信小程序返回页面栈并刷

微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用，在微信小程序的开发过程中，页面跳转是常见的需求之一，在小程序中，页面跳转主要通过 wx.navigateTo、wx.redirectTo、wx.switchTab、wx.reLaunch 等 API 实现，这里我们重点讨论如何在微信小程序中实现返回页面的功能。

1. 使用 wx.navigateBack 实现返回

在微信小程序中，wx.navigateBack 是用来关闭当前页面，返回上一页面或多级页面，它有几个重要的参数：

- delta：返回的页面数，delta 大于现有页面数，则返回到首页。

如果你想返回上一页面，可以这样使用：

wx.navigateBack({
  delta: 1 // default
});

如果你想返回多个页面，可以增加 delta 的值：

wx.navigateBack({
  delta: 2 // 返回前两个页面
});

2. 监听返回按钮事件

在某些情况下，你可能需要监听用户点击小程序左上角的返回按钮，这时候可以利用 onBackPress 方法，这个方法在用户点击返回按钮时被调用。

Page({
  onBackPress(options) {
    // 处理返回逻辑
    if (options.from === 'navigateBack') {
      // 用户点击了小程序左上角的返回按钮
      wx.navigateBack({
        delta: 1
      });
      return true; // 阻止默认返回行为
    }
    return false; // 允许默认返回行为
  }
});

3. 使用 wx.reLaunch 或 wx.redirectTo 实现返回

在某些特殊情况下，你可能需要关闭所有页面，打开到应用内的某个页面，或者跳转到 tabBar 页面，这时可以使用 wx.reLaunch 或 wx.redirectTo。

- wx.reLaunch 用于关闭所有页面，打开到应用内的某个页面。

- wx.redirectTo 用于关闭当前页面，跳转到应用内的某个页面。

// 关闭所有页面，打开到首页
wx.reLaunch({
  url: '/pages/home/home'
});
// 关闭当前页面，跳转到首页
wx.redirectTo({
  url: '/pages/home/home'
});

4. 利用 wx.navigateBackMiniProgram 返回到上一个小程序

如果你的小程序中嵌入了其他小程序，或者从一个小程序跳转到另一个小程序，可以使用 wx.navigateBackMiniProgram 返回到上一个小程序。

wx.navigateBackMiniProgram({
  extraData: {} // 需要返回给上一小程序的数据
});

5. 利用页面栈管理返回

微信小程序维护了一个页面栈，用于管理页面跳转，开发者可以通过 getCurrentPages() 方法获取当前的页面栈，从而实现更复杂的页面返回逻辑。

let pages = getCurrentPages();
let currentPage = pages[pages.length - 1]; // 当前页面
let previousPage = pages[pages.length - 2]; // 前一个页面
// 根据业务逻辑，决定是否返回或执行其他操作
if (previousPage) {
  wx.navigateBack({
    delta: 1
  });
}

在微信小程序中实现返回页面的功能，需要根据具体的业务需求选择合适的 API。wx.navigateBack 是最常用的返回方法，而 onBackPress 可以监听用户的返回操作，在特殊场景下，wx.reLaunch、wx.redirectTo 和 wx.navigateBackMiniProgram 可以提供额外的页面跳转功能，通过合理利用这些 API，可以为用户提供流畅的页面跳转体验。