微信小程序开发--页面跳转_微信小程序页面跳转代码

一、页面跳转
（1）navigator 组件
（2）路由 API

1. 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。
   wx.navigateTo({ url: '/pages/game/index?level=1' })
2. 关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
   wx.redirectTo ({ url: '/pages/game/index?level=1' })
3. 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

// app.json
{
  "tabBar": {
    "list": [{
      "pagePath": "pages/home/index",
      "text": "首页"
    },{
      "pagePath": "other",
      "text": "其他"
    }]
  }
}

wx.switchTab({
  url: '/pages/home/index'
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

4. 关闭所有页面，打开到应用内的某个页面

wx.reLaunch({
  url: '/pages/home/index'
})
1
2
3