小程序 / redirectTo与navigateTo

最新推荐文章于 2025-06-11 08:48:42 发布

原创最新推荐文章于 2025-06-11 08:48:42 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

小程序专栏收录该内容

14 篇文章

订阅专栏

本文深入解析了微信小程序中navigateTo与redirectTo两个导航API的区别。navigateTo用于页面的跳转并保持原有页面在栈中，可使用navigateBack返回；redirectTo则直接跳转至目标页面并卸载原页面，无法返回。文章通过实例展示了两种API的使用场景。

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

一.共同之处

navigateTo与redirectTo都是小程序内置好的API，用来跳转

二.不同之处

1、跳转之后新页面的区别

（1）利用navigateTo实现跳转，跳转之后的新页面的页面头部

（2）利用redirectTo实现跳转，跳转之后的新页面的页面头部

2、跳转之后对老页面的处理

（1）利用navigateTo实现跳转，跳转的时候，老页面会执行onHide函数，即老页面会被隐藏

（2）利用redirectTo实现跳转，跳转的时候，老页面会执行onUnload函数，即老页面会被卸载

3、是否可以使用wx.navigateBack 可以返回到原页面

navigateTo可以使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层

redirectTo不可以

注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈，而 redirectTo 方法则不会。见下方示例代码

此处是A页面
wx.navigateTo({
  url: 'B?id=1'
})

此处是B页面
wx.navigateTo({
  url: 'C?id=1'
})

在C页面内 navigateBack，将返回A页面
wx.navigateBack({
  delta: 2
})

借鉴小程序文档：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.redirectTo.html