【微信小程序】小程序之间跳转(路由)参数传递及跳转方式详解和封装

今天我们来说道说道微信小程序里面当中的几种跳转方式！

微信小程序跳转的方式总共有5种，可以对应各种的应用场景。

1.wx.navigateTo()

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。

可封装函数为：

//跳转新页面页面，保留当前页面。
function navigateTo(url) {
    wx.navigateTo({
        url: url
    })
}

2.wx.redirectTo()

关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

可封装函数为：

//跳转新页面页面，关闭当前页面。
function redirectTo(url) {
    wx.redirectTo({
        url: url
    })
}

3.wx.switchTab()

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

可封装函数为：

//关闭其他所有非 tabBar 页面，跳转到 tabBar 页面
function reLaunch(url) {  //url必须为tabbar页面的路径，否则没有效果
  wx.switchTab({
    url: url
  })
}