这篇文章给大家分享的是有关小程序页面怎么实现跳转的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
小程序页面跳转的方式有以下几种:
一、wx.navigateTo(对象)
这是最普遍的一种跳转方式,其官方解释为:“保留当前页面,跳转到应用内的某个页面”
类似于html中的window.location.href=https://www.yisu.com/zixun/薄?br/>,
天气。navigateTo ({, url: & # 39;测试? id=1 & # 39;})
实际效果如下:
小程序中左上角有一个返回箭头,可返回上一个页面
也可以通过方法,wx。navigateBack返回原页面
二,wx.redirectTo(对象)
关闭当前页面,跳转到应用内的某个页面。
类似于html中的,window.open(& # 39;你所要跳转的页面& # 39;);
,
wx。redirectTo ({, url: & # 39;测试? id=1 & # 39;})
效果如下:
左上角没有返回箭头,不能返回上一个页面
三,wx.switchTab(对象)
跳转到tabBar页面,并关闭其他所有非tabBar页面
,
{,“tabBar": {,,“list": [{,,,“pagePath":“index",,,,“text":“首页“
,,},{,,,“pagePath":“other",,,,“text":“其他“
,,}]
,}
}
wx。switchTab ({, url: & # 39;/指数# 39;})
天气。navigateTo和天气。redirectTo不允许跳转到tabbar页面,只能用wx。switchTab跳转到tabbar页面
四,wx.reLaunch(对象)
关闭所有页面,打开到应用内的某个页面。
跟天气。redirectTo一样左上角不会出现返回箭头,但两者却不完全相同
这里要提到小程序中的,getCurrentPages()方法
在wx.navigateTo中,每跳转一个新的页面,其原始页面就会被加入堆栈,通过调用wx.navigateBack(对象)可通过获取堆栈中保存的页面返回上一级或多级页面;
wx.redirectTo,方法则不会被加入堆栈,但仍可通过wx.navigateBack(对象)方法返回之前堆栈中的页面
天气。重启方法则会清空当前的堆栈。
,
感谢各位的阅读!关于“小程序页面怎么实现跳转”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
