微信小程序返回上一页的各种方法实例

在微信小程序中，返回上一页是开发过程中经常会涉及到的一个需求。本文将详细讲解微信小程序中返回上一页的各种方法，并提供两个示例说明。

方法一：调用微信提供的API

微信小程序提供了一个 wx.navigateBack() 方法用于返回上一页，该方法可接受一个参数，表示返回的层数，默认值为1，即返回上一页。

示例代码如下：

wx.navigateBack({
  delta: 1
})

方法二：使用 navigateTo 跳转并传参数，在 onUnload 中返回

可以通过 wx.navigateTo() 方法跳转到下一页，并在跳转时传递参数。在跳转到下一页时，可以将当前页面的路由和传递的参数进行保存。在下一页中返回时，可以将上一页的路由和参数传递回去。

示例代码如下：

// 上一页中通过 navigateTo 跳转到下一页
wx.navigateTo({
  url: '/pages/nextPage/index?param1=value1&param2=value2'
})

// 在下一页中，获取上一页的路由和参数，并在 onUnload 中返回
Page({
  onLoad: function (options) {
    // 获取上一页的路由和参数，并保存
    this.previousPage = getCurrentPages()[getCurrentPages().length - 2];
    this.previousPage.data.param1 = options.param1;
    this.previousPage.data.param2 = options.param2;
  },
  onUnload: function () {
    // 在 onUnload 中返回上一页，并传递保存的路由和参数
    this.previousPage.setData({
      param1: this.data.param1,
      param2: this.data.param2
    });
  }
})

方法三：使用 navigateBack 和 eventChannel 跳转和传参

可以使用 wx.navigateBack() 方法和 eventChannel 事件通道传递参数。该方法需要回调函数来接收传递的参数。

示例代码如下：

// 上一页中通过 navigateTo 跳转到下一页
wx.navigateTo({
  url: '/pages/nextPage/index?param1=value1&param2=value2'
})

// 在下一页中，使用 eventChannel 获取上一页的路由和参数，并在返回时传递回去
Page({
  onLoad: function (options) {
    // 通过 eventChannel 获取上一页的参数和回调函数
    const eventChannel = this.getOpenerEventChannel()
    eventChannel.on('acceptDataFromOpenedPage', data => {
      // data 即为上一页传递的参数
      console.log(data)
    })
  },
  onUnload: function () {
    // 在 onUnload 中返回上一页，并使用 eventChannel 回传参数
    const eventChannel = this.getOpenerEventChannel()
    eventChannel.emit('acceptDataFromClosingPage', { param1: 'value1', param2: 'value2' });
    eventChannel.emit('someOtherEvent', { param: 'test' });
  }
})

通过以上三种方式，可以实现在微信小程序中返回上一页的功能。其中方法一比较简单，但没有传参的功能；方法二和方法三都可以传参，并且方法二比方法三更加灵活简单，但也有一些限制。具体使用需根据实际场景进行选择。