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

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

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页中向后导航，它将无效。

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

• 通俗易懂！WordPress页面不要跳转分享！（wordpress菜单跳转页）
• 如何在WordPress中设置页面不跳转？（wordpress如何设置页面）
• 解决wordpress中页面错位问题的实用技巧（WordPress如何修改页面宽度）
• 小程序页面跳转的方式有哪些(小程序中完成页面跳转切换的方式有哪些)
• Microsoftstore无法加载该页面。这是怎么回事？怎么解决？

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