微信小程序-路由和页面跳转API

一.wx.navigateTo

wx.navigateTo是通过编程实现页面跳转，和navigator组件中，open-type="navigate"属性类似，是保留当前页面跳转新的页面，不适用tabbar页面。

   //保留当前页面，跳转到非tabbar页面
    wx.navigateTo({
      url: '/pages/list/list?id=1',
    })
1
2
3
4

类似组件

  <navigator url="/pages/list/list" open-type="navigate">
 
  </navigator>
1
2
3

二.wx.redirectTo

wx.redirectTo和和navigator组件中，open-type="redirect"属性类似，
销毁当前页面跳转新的页面，不适用tabbar页面。

    wx.redirectTo({
      url: '/pages/list/list?id=1',
    })
1
2
3

三.wx.switchTab

只能跳转到tabbar页面,不能传递参数，类似于navigator组件中，open-type=“switch Tab”

    wx.switchTab({
      // url: '/pages/list/list',
      url:'/pages/cat/cat'
    })
1
2
3
4

四.wx.reLaunch

关闭当前页面，跳转到任意页面，类似于navigator组件中，open-type=“reLaunch”

    wx.reLaunch({
      url: '/pages/list/list?id=1',
    })
1
2
3

五.wx.navigateBack

返回上一级或多级页面，类似于navigator组件中，open-type=“navigateBack”
delta参数值，是要返回前几级页面。

    wx.navigateBack({
      delta:1
    })
1
2
3

六.使用钩子函数onLoad接收参数

在页面跳转过程中会传递参数，可以使用onLoad函数接收参数。

  onLoad(opt){
    console.log(opt.id)
  }
1
2
3