小程序页面跳转方法

微信   2025-02-19 10:04   52   0  
//保留当前页面,跳转到应用内的某个页面
wx.navigateTo({
	url: 'test?id=1'
})

//关闭当前页面,跳转到应用内的某个页面
wx.redirectTo({
	url: 'test?id=1'
})


//跳转到tabBar页面,并关闭其他所有非tabBar页面,wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面,只能用 wx.switchTab 跳转到 tabbar 页面
{
	"tabBar": {
		"list": [
			{"pagePath": "index","text": "首页"},
			{"pagePath": "other","text": "其他"}
		]
	}
}
wx.switchTab({  url: '/index'})


//关闭所有页面,打开到应用内的某个页面
wx.reLaunch(OBJECT)
跟wx.redirectTo 一样左上角不会出现返回箭头,但两者却不完全相同
这里要提到小程序中的 getCurrentPages() 方法
在wx.navigateTo中,每跳转一个新的页面,其原始页面就会被加入堆栈,通过调用wx.navigateBack(OBJECT)可通过获取堆栈中保存的页面 返回上一级或多级页面;
wx.redirectTo,方法则不会被加入堆栈,但仍可通过wx.navigateBack(OBJECT)方法返回之前堆栈中的页面 
wx.reLaunch 方法则会清空当前的堆栈。


//此处是A页面wx.navigateTo({  url: 'B?id=1'})// 此处是B页面wx.navigateTo({  url: 'C?id=1'})// 在C页面内 navigateBack,将返回b页面wx.navigateBack({  delta: 1})
// 此处是B页面
wx.redirectTo({
 url: 'C?id=1'
 })
 // 在C页面内 navigateBack,则会返回a页面 
wx.navigateBack({
 delta: 1
 })
// 此处是B页面
wx.reLaunch({
 url: 'C?id=1'
 })
 //在C页面内 navigateBack,则无效


博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。