小程序页面跳转方法
微信
2025-02-19 10:04
126
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，则无效
