一.wx.navigateTo
wx.navigateTo是通过编程实现页面跳转,和navigator组件组件中,open-type="navigate"属性类似,是保留当前页面跳转新的页面,不适用tabbar页面。
//保留当前页面,跳转到非tabbar页面
wx.navigateTo({
url: '/pages/list/list?id=1',
})
类似组件
<navigator url="/pages/list/list" open-type="navigate">
</navigator>
二.wx.redirectTo
wx.redirectTo和和navigator组件组件中,open-type="redirect"属性类似,
销毁当前页面跳转新的页面,不适用tabbar页面。
wx.redirectTo({
url: '/pages/list/list?id=1',
})
三.wx.switchTab
只能跳转到tabbar页面,不能传递参数,类似于navigator组件组件中,open-type="switch Tab"
wx.switchTab({
// url: '/pages/list/list',
url:'/pages/cat/cat'
})
四.wx.reLaunch
关闭当前页面,跳转到任意页面,类似于navigator组件组件中,open-type="reLaunch"
wx.reLaunch({
url: '/pages/list/list?id=1',
})
五.wx.navigateBack
返回上一级或多级页面,类似于navigator组件组件中,open-type="navigateBack"
delta参数值,是要返回前几级页面。
wx.navigateBack({
delta:1
})
六.使用钩子函数onLoad接收参数
在页面跳转过程中会传递参数,可以使用onLoad函数接收参数。
onLoad(opt){
console.log(opt.id)
}