小程序页面跳转的方式有哪些(小程序中完成页面跳转切换的方式有哪些)

有几种方法可以跳转到applet页面:

I. wx.navigateTo(对象)

这是最常见的跳转方式，其官方解释是:“保留当前页面，跳转到应用中的一个页面”

类似于window . location . href = ；在html 例如:

wx . navigate to({ URL: # 39；测试？id = 1 # 39})实际效果如下:

小程序的左上角有一个返回箭头，可以返回到上一页。

还可以通过wx.navigateBack方法返回到原始页面

二、wx.redirectTo(对象)

关闭当前页面并跳转到应用程序中的页面。类似于html( # 39；你想跳转到的页面 # 39；);例如:wx . redirect to({ URL: # 39；测试？id = 1 # 39})效果如下:

如果左上角没有返回箭头，您将无法返回上一页。

三。wx.switchTab(对象)

跳转到tabBar页面并关闭所有其他非tabBar页面，例如:{ " tabBar :{ 列表 ：

不允许Wx.navigateTo和wx.redirectTo跳转到tabbar页面，只能使用wx.switchTab跳转到tabbar页面。

四。wx.reLaunch(对象)

关闭所有页面，打开应用程序中的一个页面。

和wx.redirectTo一样，左上角没有返回箭头，但它们并不完全一样。

这里提到了applet中的getCurrentPages()方法。

在wx.navigateTo中，每次跳转到一个新页面，它的原始页面都会被添加到堆栈中。通过调用wx.navigateBack(OBJECT)，可以获取堆栈中保存的页面，返回上一级或多级页面；

Wx.redirectTo，该方法不会被添加到堆栈中，但wx.navigateBack(OBJECT)方法仍然可以返回上一个堆栈中的页面。

wx.reLaunch方法清除当前堆栈。

例如:

//这里是页面A wx . navigate to({ URL: # 39；b？id = 1 # 39})//这里是B页wx . navigate to({ URL: # 39；c？id = 1 # 39})//在页面C中向后导航将返回页面B navigate back({ delta:1 })//这里是页面B wx . redirect to({ URL: # 39；c？id = 1 # 39})//如果在C页导航回来，就会回到A页wx.navigateBack({ delta: 1 })//这里是B页wx . relault({ URL: # 39；c？id = 1 # 39})//C页中的navigateBack无效。相关推荐:小程序开发教程就是如何跳转小程序页面的细节。更多请关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 下面来说说小程序中页面传递参数的几种方式（微信小程序页面传递值）。
• 如何在小程序中实现下拉刷新和上拉加载功能？（附代码）（小程序的上拉加载触发器）
• 如何在小程序中创建页面二维码
• 如何通过applet vant组件将默认样式单元px转换为rpx（Vantui applet）
• 再来说说微信小程序中的生命周期（功能）（请谈谈小程序的生命周期功能？)

本文由主机参考刊发，转载请注明：小程序页面跳转的方式有哪些(小程序中完成页面跳转切换的方式有哪些) https://zhujicankao.com/80195.html