如何解决微信小程序中用户手势返回的问题？

在微信小程序中，用户可以在任何界面通过手势返回上一页。对于某些场景，例如确认支付页，开发人员希望用户只能通过特定方式返回，例如点击导航栏的返回按钮。

问题场景：

用户在提交订单后进入确认支付页，此时可以通过手势返回回到提交订单页。但开发人员希望用户只能通过点击导航栏的返回按钮回到订单详情页。

解决方案：

微信创作

自动将 Markdown 文章转为适配微信公众号格式的 HTML，并批量发布至公众号草稿箱，支持封面图生成与专题管理。

下载

要解决此问题，可以在进入确认支付页时使用 wx.redirectto 而不是 wx.navigateto。wx.redirectto 会将当前页面从历史记录中移除，这样用户就不能通过手势返回到上一页。相反，他们将直接返回到订单详情页。

代码示例：

// 进入确认支付页
wx.redirectTo({
  url: '/pages/payment/payment'
});

编辑：

需要注意的是，如果用户在提交订单后进入支付页面，则无法拦截他们的右滑返回并跳转到订单详情页面。只能在他们返回提交订单页面后执行跳转逻辑。