小程序页面跳转的方式有哪些（如何设置小程序页面跳转）

有几种方法可以从小程序页面跳转:

I。wx。navigate to（对象）

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

类似于html中的window . location . href =““eg:

wx . navigate to（{ URL:‘test？id = 1‘}）实际效果如下:

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

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

第二，wx.redirectTo（对象）

关闭当前页面并跳转到应用程序中的页面。类似于html中的window . open（‘要跳转到的页面’）；例如:wx . redirecto（{ URL:‘test？id = 1‘}）具有以下效果:

左上角没有返回箭头。您无法返回上一页。

三。wx.switchTab（对象）

跳转到tabBar页面并关闭所有其他非tabBar页面，例如:{“tabBar“:{“list“:

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

四。wx.reLaunch（对象）

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

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

下面是小程序中的getCurrentPages（）方法。

在wx.navigateTo中，每次跳转新页面时，其原始页面都会添加到堆栈中。通过调用wx . navigate back（OBJECT），可以获取保存在堆栈中的页面并返回到上一页或多级页面。

wx.redirectTo方法不会添加到堆栈中，但您仍可以通过wx . navigate back（OBJECT）方法返回到上一个堆栈中的页面。

wx.reLaunch方法将清空当前堆栈。

例如:

//这里是一个网页wx . navigate to（{ URL:&；#39;b？id = 1 & amp#39;}）//这里是页面wx . navigate to（{ URL:&；#39;c？id = 1 & amp#39;}）//C页中的navigateBack将返回到B页wx . navigate back（{ delta:1 }）//这里是B页wx . redirecto（{ URL:& # 39；c？id = 1 & amp#39;}）//页面C中的navigateBack将返回页面A wx . navigate back（{ delta:1 }）//这里是页面B wx . relault（{ URL:& # 39；c？id = 1 & amp#39;}）//如果在C页中向后导航，它将无效。

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

• 说说如何用小程序生成海报(插件推荐)(在哪里设置小程序一键生成海报)
• 小程序集成环信IM怎么用？(带有代码示例)(环形接口)
• 教你如何用小程序创建画布时钟(示例)(微信小程序画布)
• 什么是思维导图？如何在小程序中使用F6绘制思维导图？
• 如何实现微信小程序(微信小程序电话)的拨号功能

本文由主机参考刊发，转载请注明：小程序页面跳转的方式有哪些（如何设置小程序页面跳转） https://zhujicankao.com/115263.html